<template>
  <Layout :style="{windth:'100%', height: '100%', padding: '0 10px'}" style="background-color: #f5f7f9;">
    <Row :gutter="16" style="margin-top: 10px">
      <i-col span="6">
        <Card dis-hover>
          <div class="top_common_title" style="margin-bottom:0">
            <p class="top_common_title_left_title">当前高风险作业</p>
          </div>
          <div ref="pipelineContainer" style="width: 100%; height: 45vh"></div>
        </Card>
      </i-col>
      <i-col span="12">
        <Card dis-hover>
          <div class="top_common_title" style="margin-bottom:0">
            <p class="top_common_title_left_title">数据统计</p>
          </div>
          <div class="other-people">
            <Row :gutter="16">
              <Col span="6">
                <div class="info-div" @click="toViewJC(2)">
                  <div class="info-div-left">
                    <img class="info-div-left-img" src="../../../assets/door/zfaqjc.png"/>
                  </div>
                  <div class="info-div-right">
                    <span class="info-div-right-title">政府安全检查</span>
                    <div class="info-div-right-bottom">
                      <span class="info-div-right-num">{{ statisticsInfos.totalSaInspect2 }}</span>
                      <span class="info-div-right-danwei">次</span>
                    </div>
                  </div>
                </div>
              </Col>
              <Col span="6">
                <div class="info-div" @click="toViewJC(1)">
                  <div class="info-div-left">
                    <img class="info-div-left-img" src="../../../assets/door/zfhjjq.png"/>
                  </div>
                  <div class="info-div-right">
                    <span class="info-div-right-title">政府环境检查</span>
                    <div class="info-div-right-bottom">
                      <span class="info-div-right-num">{{ statisticsInfos.totalEnInspect2 }}</span>
                      <span class="info-div-right-danwei">次</span>
                    </div>
                  </div>
                </div>
              </Col>
              <Col span="6">
                <div class="info-div" @click="toViewZSSW()">
                  <div class="info-div-left">
                    <img class="info-div-left-img" src="../../../assets/door/zsswrs.png"/>
                  </div>
                  <div class="info-div-right">
                    <span class="info-div-right-title">重伤以上事故</span>
                    <div class="info-div-right-bottom">
                      <span class="info-div-right-num">{{ statisticsInfos.dead }}</span>
                      <span class="info-div-right-danwei">起</span>
                    </div>
                  </div>
                </div>
              </Col>
              <Col span="6">
                <div class="info-div" @click="toViewZWUTQYJ()">
                  <div class="info-div-left">
                    <img class="info-div-left-img" src="../../../assets/door/wrtqyj.png"/>
                  </div>
                  <div class="info-div-right">
                    <span class="info-div-right-title">重污染天气预警</span>
                    <div class="info-div-right-bottom">
                      <span class="info-div-right-num">{{ statisticsInfos.warningDays }}</span>
                      <span class="info-div-right-danwei">天</span>
                    </div>
                  </div>
                </div>
              </Col>
            </Row>
            <Row :gutter="16">
              <Col span="6">
                <div class="info-div" @click="toViewAQXZ()">
                  <div class="info-div-left">
                    <img class="info-div-left-img" src="../../../assets/door/gsxgts.png"/>
                  </div>
                  <div class="info-div-right">
                    <span class="info-div-right-title">安全行政处罚</span>
                    <div class="info-div-right-bottom">
                      <span class="info-div-right-num">{{ statisticsInfos.furloughNum }}</span>
                      <span class="info-div-right-danwei">起</span>
                    </div>
                  </div>
                </div>
              </Col>
              <Col span="6">
                <div class="info-div" @click="toViewHBXZ()">
                  <div class="info-div-left">
                    <img class="info-div-left-img" src="../../../assets/door/jjss.png"/>
                  </div>
                  <div class="info-div-right">
                    <span class="info-div-right-title">环保行政处罚</span>
                    <div class="info-div-right-bottom">
                      <span class="info-div-right-num">{{ statisticsInfos.administrativeSanction }}</span>
                      <span class="info-div-right-danwei">起</span>
                    </div>
                  </div>
                </div>
              </Col>
              <Col span="6">
                <div class="info-div" @click="toViewAQHY()">
                  <div class="info-div-left">
                    <img class="info-div-left-img" src="../../../assets/door/aqhy.png"/>
                  </div>
                  <div class="info-div-right">
                    <span class="info-div-right-title">会议</span>
                    <div class="info-div-right-bottom">
                      <span class="info-div-right-num">{{ statisticsInfos.companyMeeting }}</span>
                      <span class="info-div-right-danwei">次</span>
                    </div>
                  </div>
                </div>
              </Col>
              <Col span="6">
                <div class="info-div" @click="toViewPXCS()">
                  <div class="info-div-left">
                    <img class="info-div-left-img" src="../../../assets/door/pxcs.png"/>
                  </div>
                  <div class="info-div-right">
                    <span class="info-div-right-title">培训</span>
                    <div class="info-div-right-bottom">
                      <span class="info-div-right-num">{{ statisticsInfos.totalTrain }}</span>
                      <span class="info-div-right-danwei">次</span>
                    </div>
                  </div>
                </div>
              </Col>
            </Row>
          </div>
        </Card>
      </i-col>
      <i-col span="6">
        <Card dis-hover>
          <div class="">
            <div class="top_common_title" style="margin-bottom:0">
              <p class="top_common_title_left_title">快捷功能</p>
            </div>
            <div>
              <Row :gutter="16">
                <div>
                  <div class="other-people1" style="height:33vh;overflow-x:auto;">
                    <div class="fast_menu_div">
                      <div v-for="(item,index) in fastMenus"
                           style="width:100px;display:flex;flex-direction:column;align-items:center;margin-top: 10px">
                        <div :class="[`fast_menu_div${index%7}`,`fast_menu_div_comm`]" @click="toViewMenu(item)">
                          <i style="font-size:40px;" :class="item.iconCode"/>
                        </div>
                        <span
                            style="font-size: 12px;font-family: Microsoft YaHei;font-weight: 400;color: #000000;">{{
                            item.menuName
                          }}</span>
                      </div>
                      <div style="width:100px;display:flex;flex-direction:column;align-items:center;margin-top: 10px">
                        <div class="zidingyi fast_menu_div_comm" @click="toManagerFastMenu">
                          <p class="zidingyi_top">+</p>
                        </div>
                        <span
                            style="font-size: 12px;font-family: Microsoft YaHei;font-weight: 400;color: #000000;">自定义</span>
                      </div>
                    </div>
                  </div>
                </div>
              </Row>
            </div>
          </div>
        </Card>
        <div style="margin-top: 1vh">
          <Card dis-hover style="height: 11vh;">
            <Row class="text-daiban">
              <Col span="12" class="border-daiban">
                <span>今日待办</span>
                <a class="text-daiban-bold" @click.prevent="pushRoute" style="color: #e21010">{{ nowCount }}</a>
                <span>项</span>
              </Col>
              <Col span="12">
                <span>总待办</span>
                <a class="text-daiban-bold" @click.prevent="pushRoute" style="color: #e79d0e">{{ totalCount }}</a>
                <span>项</span>
              </Col>
            </Row>
          </Card>
        </div>
      </i-col>
    </Row>
    <Row :gutter="16" style="margin-top: 10px">
      <i-col span="24">
        <div style="width: 100%;margin: auto;">
          <img @click="toViewAnQuanFaGui()" style="cursor:pointer;width:100%;height:90px" src="../../../assets/bbmg/mainpage/aqfg.jpg"/>
        </div>
      </i-col>
    </Row>
    <Row :gutter="16" style="margin-top: 10px">
      <i-col span="6">
        <Card dis-hover>
          <div class="">
            <div class="top_common_title falvfagui-gd">
              <template v-for="(item,index) in ziliaoSafes">
      								<span class="top_common_title_left_title falvfagui-tab"
                            :class="{'tab-active': safeActiveIndex == index,'tab-left': index == 0}" :key="index"
                            v-if="(index < 3)" @click="ziliaoInfo(item.id,item.name)"
                            @mouseover="mouseOverSafe(item.name, index)">
      									<a style="color: #2c3e50;">{{ item.name }}</a>
      								</span>
              </template>
              <router-link class="top_common_title_right" style="margin-left: auto;" :to="{path: '/fileDetails'}">更多>
              </router-link>
            </div>
            <div style="width: 100%; height: 30vh">
              <Spin fix v-if="infosSkip"></Spin>
              <div class="top_left_swiper" style="width: 95%;margin-left: 15px">
                <Tabs value="name1">
                  <TabPane style="font-size: 14px" v-for="child in safeInfo" :label="child.title" :name="child.name">
                    <div style="height:200px">
                      <ul class="articals">
                        <li class="artical" v-for="(item,index) in child.files" :key='index'>
                          <div class="articals_child">
                            <router-link class="articals_child_title" target="_blank"
                                         :to="{path:'/noticeDetail',query:{id:item.id,name:item.name,createDate:item.createDateStr,type:1}}">
                              {{ item.name }}
                            </router-link>
                            <p class="articals_child_date">{{ item.createDateStr }}</p>
                          </div>
                        </li>
                      </ul>
                    </div>
                  </TabPane>
                </Tabs>
              </div>
            </div>
          </div>
        </Card>
      </i-col>
      <i-col span="6">
        <Card dis-hover>
          <div class="">
            <div class="top_common_title falvfagui-gd">
              <template v-for="(item,index) in ziliaoEnvs">
      								<span class="top_common_title_left_title falvfagui-tab"
                            :class="{'tab-active': envActiveIndex == index,'tab-left': index == 0}" :key="index"
                            v-if="(index < 3)" @click="ziliaoInfo(item.id,item.name)"
                            @mouseover="mouseOverEnv(item.name, index)">
      									<a style="color: #2c3e50;">{{ item.name }}</a>
      								</span>
              </template>
              <router-link class="top_common_title_right" style="margin-left: auto;" :to="{path: '/fileDetails'}">更多>
              </router-link>
            </div>
            <div style="width: 100%; height: 30vh">
              <Spin fix v-if="infosSkip"></Spin>
              <div class="top_left_swiper" style="width: 95%;margin-left: 15px">
                <Tabs value="name1">
                  <TabPane style="font-size: 14px" v-for="child in envInfo" :label="child.title" :name="child.name">
                    <div style="height:200px">
                      <ul class="articals">
                        <li class="artical" v-for="(item,index) in child.files" :key='index'>
                          <div class="articals_child">
                            <router-link class="articals_child_title" target="_blank"
                                         :to="{path:'/noticeDetail',query:{id:item.id,name:item.name,createDate:item.createDateStr,type:1}}">
                              {{ item.name }}
                            </router-link>
                            <p class="articals_child_date">{{ item.createDateStr }}</p>
                          </div>
                        </li>
                      </ul>
                    </div>
                  </TabPane>
                </Tabs>
              </div>
            </div>
          </div>
        </Card>
      </i-col>
      <i-col span="6">
        <Card dis-hover>
          <div class="">
            <div class="top_common_title">
              <p class="top_common_title_left_title_16">隐患整改统计（月）</p>
            </div>
            <div ref="hseContainer" style="width: 100%; height: 30vh"></div>
          </div>
        </Card>
      </i-col>
      <i-col span="6">
        <Card dis-hover>
          <div class="">
            <div class="top_common_title">
              <p class="top_common_title_left_title_16">风险等级统计</p>
            </div>
            <div ref="derContainer" style="width: 100%; height: 30vh"></div>
          </div>
        </Card>
      </i-col>
    </Row>
    <Row :gutter="16" style="margin-top: 10px">
      <i-col span="8">
        <Card dis-hover>
          <div class="top_center_leader">
            <div class="top_common_title falvfagui-gd">
              <template v-for="index in [1]">
                <span class="top_common_title_left_title falvfagui-tab" @mouseover="clearInterval(4,index)"
                      @mouseout="createInterval(4,1,2)"
                      :class="{'tab-active': false,'tab-left': true}">
                    <a style="color: #2c3e50;">公示台账({{ index == 1 ? '安全' : '环保' }})</a>
                </span>
              </template>
              <router-link class="top_common_title_right" style="margin-left: auto;"
                           :to="{path:'/wholePage',query:{name: '公示台账(安全)', type: '6',accountType:1}}">更多>
              </router-link>
            </div>
            <div class="top_artical_div" @mouseover="clearInterval(4,activeIndex4)" @mouseout="createInterval(4,1,2)">
              <Spin fix v-if="proPublicitySkip"></Spin>
              <ul class="articals">
                <li class="artical" v-for="(item,index) in proPublicity['1']">
                  <div class="articals_child">
                    <span class="articals_child_title">
                      <tooltip placement="top-start" max-width="300">
                        {{ '(' + item.checkLevelName + ')' + item.problemDesc }}
                        <div slot="content">
                           <p>归属地区: {{ item.attriEreaName }}</p>
                          <p>问题发现组织: {{ item.checkLevelName }}</p>
                          <p>问题类别: {{ item.problemCategoryName }}</p>
                          <p>问题描述: {{ item.problemDesc }}</p>
                        </div>
                      </tooltip>
                    </span>
                    <p class="articals_child_date">{{ formatDate(new Date(item.createDate), 'yyyy-MM-dd') }}</p>
                  </div>
                </li>
              </ul>
            </div>
          </div>
        </Card>
      </i-col>
      <i-col span="8">
        <Card dis-hover>
          <div class="top_center_leader">
            <div class="top_common_title falvfagui-gd">
              <template v-for="index in [0]">
                <span class="top_common_title_left_title falvfagui-tab" @mouseover="clearInterval(3,index)"
                      @mouseout="createInterval(3,0,1)"
                      :class="{'tab-active': false,'tab-left': true}">
                  <a style="color: #2c3e50;">科普宣教({{ index == 0 ? '安全' : '环保' }})</a>
                </span>
              </template>
              <router-link class="top_common_title_right" style="margin-left: auto;"
                           :to="{path:'/wholePage',query:{name: '科普宣教(安全)', type: '4',accountType:1}}">更多>
              </router-link>
            </div>
            <div class="top_artical_div" @mouseover="clearInterval(3,activeIndex3)" @mouseout="createInterval(3,0,1)">
              <Spin fix v-if="popularizationSkip"></Spin>
              <ul class="articals">
                <li class="artical" v-for="(item,index) in popularization['safe']">
                  <div class="articals_child">
                    <!--<router-link   class="articals_child_title" target="_blank" :to="{path:'/popularizationPlay',query:{id: item.popularizationId}}">{{item.title}}</router-link>-->
                    <router-link class="articals_child_title" target="_blank"
                                 :to="{path: '/noticeDetail', query:{source: 'popularization', id:item.popularizationId,name:item.title,createDate:item.createDate, browse: item.browse, type:item.type==1?4:item.type==0?5:2}}">
                      {{ item.title }}
                    </router-link>
                    <p class="articals_child_date">{{ item.createDate }}</p>
                  </div>
                </li>
              </ul>
            </div>
          </div>
        </Card>
      </i-col>
      <i-col span="8">
        <Card dis-hover>
          <div class="top_right_zixun">
            <div class="top_common_title  falvfagui-gd">
              <!--              <p class="top_common_title_left_title">通知公告</p>-->
              <template v-for="index in [0]">
                  <span class="top_common_title_left_title falvfagui-tab" @mouseover="clearInterval(2,index)"
                        @mouseout="createInterval(2,0,1)"
                        :class="{'tab-active': false,'tab-left': true}">
                      <a style="color: #2c3e50;">通知公告({{ index == 0 ? '安全' : '环保' }})</a>
                  </span>
              </template>
              <router-link class="top_common_title_right" style="margin-left: auto;"
                           :to="{path:'/wholePage',query:{name: '通知公告(安全)', type: '2',accountType:1}}">更多>
              </router-link>
            </div>
            <div class="top_artical_div" @mouseover="clearInterval(2,activeIndex2)" @mouseout="createInterval(2,0,1)">
              <Spin fix v-if="noticeSkip"></Spin>
              <ul class="articals">
                <li class="artical" v-for="(item,index) in notices['safe']">
                  <div class="articals_child">
                    <div style="display:flex;flex:auto;width:0">
                      <router-link class="articals_child_title_notice" target="_blank"
                                   :to="{path:'/noticeDetail',query:{id:item.proposalId,type:0,userId:currentUserId}}"
                                   @click.native="enterNotice(index)">{{ item.title }}
                      </router-link>
                      <span v-if="item.isBrowsed != '1'" class="red_point"></span>
                    </div>
                    <p class="articals_child_date">{{ item.createDate }}</p>
                  </div>
                </li>
              </ul>
            </div>
          </div>
        </Card>
      </i-col>
    </Row>
    <Row :gutter="16" style="margin-top: 10px">
      <i-col span="8">
        <Card dis-hover>
          <div class="top_center_leader">
            <div class="top_common_title falvfagui-gd">
              <template v-for="index in [2]">
                <span class="top_common_title_left_title falvfagui-tab" @mouseover="clearInterval(4,index)"
                      @mouseout="createInterval(4,1,2)"
                      :class="{'tab-active': false,'tab-left': true}">
                    <a style="color: #2c3e50;">公示台账({{ index == 1 ? '安全' : '环保' }})</a>
                </span>
              </template>
              <router-link class="top_common_title_right" style="margin-left: auto;"
                           :to="{path:'/wholePage',query:{name: '公示台账(环保)', type: '6',accountType:2}}">更多>
              </router-link>
            </div>
            <div class="top_artical_div" @mouseover="clearInterval(4,activeIndex4)" @mouseout="createInterval(4,1,2)">
              <Spin fix v-if="proPublicitySkip"></Spin>
              <ul class="articals">
                <li class="artical" v-for="(item,index) in proPublicity['2']">
                  <div class="articals_child">
                    <span class="articals_child_title">
                      <tooltip placement="top-start" max-width="300">
                        {{ '(' + item.checkLevelName + ')' + item.problemDesc }}
                        <div slot="content">
                           <p>归属地区: {{ item.attriEreaName }}</p>
                          <p>问题发现组织: {{ item.checkLevelName }}</p>
                          <p>问题类别: {{ item.problemCategoryName }}</p>
                          <p>问题描述: {{ item.problemDesc }}</p>
                        </div>
                      </tooltip>
                    </span>
                    <p class="articals_child_date">{{ formatDate(new Date(item.createDate), 'yyyy-MM-dd') }}</p>
                  </div>
                </li>
              </ul>
            </div>
          </div>
        </Card>
      </i-col>
      <i-col span="8">
        <Card dis-hover>
          <div class="top_center_leader">
            <div class="top_common_title falvfagui-gd">
              <template v-for="index in [1]">
                <span class="top_common_title_left_title falvfagui-tab" @mouseover="clearInterval(3,index)"
                      @mouseout="createInterval(3,0,1)"
                      :class="{'tab-active': false,'tab-left': true}">
                  <a style="color: #2c3e50;">科普宣教({{ index == 0 ? '安全' : '环保' }})</a>
                </span>
              </template>
              <router-link class="top_common_title_right" style="margin-left: auto;"
                           :to="{path:'/wholePage',query:{name: '科普宣教(环保)', type: '4',accountType:0}}">更多>
              </router-link>
            </div>
            <div class="top_artical_div" @mouseover="clearInterval(3,activeIndex3)" @mouseout="createInterval(3,0,1)">
              <Spin fix v-if="popularizationSkip"></Spin>
              <ul class="articals">
                <li class="artical" v-for="(item,index) in popularization['environment']">
                  <div class="articals_child">
                    <!--<router-link   class="articals_child_title" target="_blank" :to="{path:'/popularizationPlay',query:{id: item.popularizationId}}">{{item.title}}</router-link>-->
                    <router-link class="articals_child_title" target="_blank"
                                 :to="{path: '/noticeDetail', query:{source: 'popularization', id:item.popularizationId,name:item.title,createDate:item.createDate, browse: item.browse, type:item.type==1?4:item.type==0?5:2}}">
                      {{ item.title }}
                    </router-link>
                    <p class="articals_child_date">{{ item.createDate }}</p>
                  </div>
                </li>
              </ul>
            </div>
          </div>
        </Card>
      </i-col>
      <i-col span="8">
        <Card dis-hover>
          <div class="top_right_zixun">
            <div class="top_common_title  falvfagui-gd">
              <!--              <p class="top_common_title_left_title">通知公告</p>-->
              <template v-for="index in [1]">
                  <span class="top_common_title_left_title falvfagui-tab" @mouseover="clearInterval(2,index)"
                        @mouseout="createInterval(2,0,1)"
                        :class="{'tab-active': false,'tab-left': true}">
                      <a style="color: #2c3e50;">通知公告({{ index == 0 ? '安全' : '环保' }})</a>
                  </span>
              </template>
              <router-link class="top_common_title_right" style="margin-left: auto;"
                           :to="{path:'/wholePage',query:{name: '通知公告(环保)', type: '2',accountType:0}}">更多>
              </router-link>
            </div>
            <div class="top_artical_div" @mouseover="clearInterval(2,activeIndex2)" @mouseout="createInterval(2,0,1)">
              <Spin fix v-if="noticeSkip"></Spin>
              <ul class="articals">
                <li class="artical" v-for="(item,index) in notices['environment']">
                  <div class="articals_child">
                    <div style="display:flex;flex:auto;width:0">
                      <router-link class="articals_child_title_notice" target="_blank"
                                   :to="{path:'/noticeDetail',query:{id:item.proposalId,type:0,userId:currentUserId}}"
                                   @click.native="enterNotice(index)">{{ item.title }}
                      </router-link>
                      <span v-if="item.isBrowsed != '1'" class="red_point"></span>
                    </div>
                    <p class="articals_child_date">{{ item.createDate }}</p>
                  </div>
                </li>
              </ul>
            </div>
          </div>
        </Card>
      </i-col>
    </Row>
    <Row :gutter="16" style="margin-top: 10px">
      <i-col span="24">
        <Card dis-hover>
          <div class="top_right_zixun" @click="handleSectionClick($event)">
            <div class="top_common_title">
              <p class="top_common_title_left_title">安全热门活动</p>
              <router-link class="top_common_title_right" :to="{path:'/door'}">
                更多
                <Icon type="ios-arrow-forward"/>
              </router-link>
            </div>
            <div class="remenhuodong_div">
              <div class="huodong" v-for="(item,index) in remenhuodongSafeLists" :title="item.worksTitle"
                   @click="toViewHuoDong(item)">
                <img class="huodong_item_img" :src="item.cover"/>
                <div style="margin-top: 10px">
                  <p class="huodong_item_title" v-if="item.companyName">{{ item.companyName }}</p>
                </div>
                <div style="margin-top: 3px">
                  <p class="huodong_item_title">{{ item.title }}</p>
                </div>
              </div>
            </div>
          </div>
        </Card>
      </i-col>
    </Row>
    <Row :gutter="16" style="margin-top: 10px">
      <i-col span="24">
        <Card dis-hover>
          <div class="top_right_zixun" @click="handleSectionClick($event)">
            <div class="top_common_title">
              <p class="top_common_title_left_title">环保热门活动</p>
              <router-link class="top_common_title_right" :to="{path:'/door'}">
                更多
                <Icon type="ios-arrow-forward"/>
              </router-link>
            </div>
            <div class="remenhuodong_div">
              <div class="huodong" v-for="(item,index) in remenhuodongEnvLists" :title="item.worksTitle"
                   @click="toViewHuoDong(item)">
                <img class="huodong_item_img" :src="item.cover"/>
                <div style="margin-top: 10px">
                  <p class="huodong_item_title" v-if="item.companyName">{{ item.companyName }}</p>
                </div>
                <div style="margin-top: 3px">
                  <p class="huodong_item_title">{{ item.title }}</p>
                </div>
              </div>
            </div>
          </div>
        </Card>
      </i-col>
    </Row>
    <Row :gutter="16" style="margin-top: 10px">
      <i-col span="24">
        <div style="width: 100%;margin: auto;" >
          <img  style="width:100%;height:90px" src="../../../assets/bbmg/safe/zhengji.jpg" />
        </div>
      </i-col>
    </Row>
    <Row :gutter="16" style="margin-top: 10px">
      <i-col span="24">
        <Card dis-hover>
          <div class="ziliao_div">
            <div class="top_common_title">
              <p class="top_common_title_left_title">相关链接</p>
            </div>
            <div class="ziliao_content_div" style="width: 80vw">
                            <span v-for="(item,index) in xiangguanlianjie" :key="index">
                                <Button target="_blank" :to="item.url" v-if="item.type==0" style="width: 16vw">
                                    {{ item.name }}
                                </Button>
                                    <Dropdown transfer="transfer" v-else>
                                    <Button style="width: 15vw">
                                        {{ item.name }}
                                        <Icon type="md-arrow-dropdown"/>
                                    </Button>
                                    <DropdownMenu slot="list">
                                        <DropdownItem v-for="(item1,index1) in item.urlArr" :key="index1">
                                            <a :href="item1.url" target="_blank"
                                               style="color: #2c3e50">{{ item1.name }}</a>
                                        </DropdownItem>
                                    </DropdownMenu>
                                </Dropdown>
                            </span>
            </div>
          </div>
        </Card>
      </i-col>
    </Row>
    <Modal title="快捷菜单配置" v-model="viewManagerFastMenu" :width=1200>
      <Split v-model="split2" style="height: 420px">
        <div slot="left" style="height: 100%; overflow-y: auto; overflow-x: hidden; padding: 5px">
          <Table height="400" :columns="menuColumns" :data="fastMenuLists" border></Table>
        </div>
        <div slot="right" style="margin-left:20px;height:100%;overflow-y:auto">
          <span style="margin-left: 25px">请展开至第三级菜单,右键添加快捷菜单</span>
          <Tree :data="menuTree" :render="renderContent"></Tree>
          <Dropdown trigger="click" style="margin-left:20px" placement="right-start"
                    ref="contentMenu" @on-click="selectMenuItem">
            <DropdownMenu slot="list">
              <DropdownItem name="addFastMenu">添加快捷菜单项</dropdownitem>
            </dropdownmenu>
          </dropdown>
        </div>
      </Split>
      <div slot="footer">
        <Button type="primary" class='ivu-btn-save' @click="saveToFastMenu" :loading="buttonLoading">确定</Button>
        <Button type="text" class='ivu-btn-cancel' @click="viewManagerFastMenu = false">取消</Button>
      </div>
    </Modal>

    <Modal :title="hiddenDangerTitle" :transfer=false v-model="hiddenDangerVisible" :width=1200 footer-hide>
      <Table ref='table' :loading="loading" size="small" class="table" :height=500 no-data-text="没有查询到相关数据!"
             highlight-row stripe border :columns="hiddenDangerColumns" width="100%" :data="hiddenDangerInfo">
      </Table>
      <Row type="flex" justify="end">
        <i-col>
          <Page :total="pagedata.total" :page-size="pagedata.pageSize"
                @on-page-size-change="sizeChange" @on-change="pageChange" :page-size-opts="pageSizeArray" show-total
                show-sizer show-elevator/>
        </i-col>
      </Row>
    </Modal>
    <Modal :title="ZYXKTitle" :transfer=false v-model="ZYXKVisible" :width=1200 footer-hide>
      <Table ref='table' :loading="loading" size="small" class="table" :height=500 no-data-text="没有查询到相关数据!"
             highlight-row stripe border :columns="ZYXKColumns" width="100%" :data="ZYXKInfo">
      </Table>
      <Page :total="pagedata1.total" :page-size="pagedata1.pageSize"
            @on-change="pageChange1" @on-page-size-change='sizeChange1' show-total show-sizer show-elevator/>
    </Modal>
    <Modal :transfer=false v-model="StatisticsVisible" :width=1200 footer-hide>
      <Tabs value="name1" ref="tabs">
        <TabPane :label="StatisticsTitle" name="name1">
          <Table ref='table' v-if="AQJCVisible" :loading="loading" size="small" class="table" :height=500
                 no-data-text="没有查询到相关数据!"
                 highlight-row stripe border :columns="columns1" width="100%" :data="dataTable">
          </Table>
          <Table ref='table' v-if="ZDWRVisible" :loading="loading" size="small" class="table" :height=500
                 no-data-text="没有查询到相关数据!"
                 highlight-row stripe border :columns="columns2" width="100%" :data="dataTable">
          </Table>
          <Table ref='table' v-if="ZSSWVisible" :loading="loading" size="small" class="table" :height=500
                 no-data-text="没有查询到相关数据!" @on-row-click="onExpand"
                 highlight-row stripe border :columns="ZSSWColumn" width="100%" :data="dataTable">
          </Table>
          <Table ref='table' v-if="AQXZVisible" :loading="loading" size="small" class="table" :height=500
                 no-data-text="没有查询到相关数据!"
                 highlight-row stripe border :columns="AQXZColumn" width="100%" :data="dataTable">
          </Table>
          <Table ref='table' v-if="HBXZVisible" :loading="loading" size="small" class="table" :height=500
                 no-data-text="没有查询到相关数据!"
                 highlight-row stripe border :columns="HBXZColumn" width="100%" :data="dataTable">
          </Table>
          <Table ref='table' v-if="AQHYisible" :loading="loading" size="small" class="table" :height=500
                 no-data-text="没有查询到相关数据!"
                 highlight-row stripe border :columns="AQHYColumn" width="100%" :data="dataTable">
          </Table>
          <Table ref='table' v-if="PXCSVisible" :loading="loading" size="small" class="table" :height=500
                 no-data-text="没有查询到相关数据!"
                 highlight-row stripe border :columns="PXCSColumn" width="100%" :data="dataTable">
          </Table>
          <Page :total="pagedata1.total" :page-size="pagedata1.pageSize"
                @on-change="pageChange1" @on-page-size-change='sizeChange1' show-total show-sizer show-elevator/>
        </TabPane>
        <TabPane label="统计分析" v-if="ZDWRVisible != true" name="name2">
          <div ref="analysisContainer" style="width: 1200px; height: 500px"></div>
        </TabPane>
      </Tabs>
    </Modal>


    <Modal :title="riskLevelTitle" :transfer=false v-model="riskLevelVisible" :width=1200 footer-hide>
      <Menu v-show="riskLevelType!=null" mode="horizontal" @on-select='lowerStep' :active-name="modaleshow">
        <MenuItem :name="1">设备设施风险</MenuItem>
        <MenuItem :name="2">作业流程风险</MenuItem>
        <MenuItem :name="3">人员岗位风险</MenuItem>
        <MenuItem :name="4">环境氛围风险</MenuItem>
      </Menu>
      <Table :loading="loading" size="small" :height="500" class="table" no-data-text="没有查询到相关数据!"
             highlight-row stripe border :columns="riskLevelColumns" width="100%" :data="riskLevelInfo">
      </Table>
      <Page :total="pagedata.total" :page-size="pagedata.pageSize"
            @on-change="pageChangeRisk" @on-page-size-change='sizeChangeRisk' show-total show-sizer show-elevator/>
    </Modal>
  </Layout>
</template>

<script>

import echarts from 'echarts'
import {Api} from '../../../api/index.js'
import {sessionStorage} from '../../../common/cacheUtils.js';
import pageCommonFunction from '../../../components/pageCommonFunction.js'
import vueSeamlessScroll from 'vue-seamless-scroll'

import BaiduMap from 'vue-baidu-map/components/map/Map.vue'
import BmNavigation from 'vue-baidu-map/components/controls/Navigation'
import BmMarkerClusterer from 'vue-baidu-map/components/extra/MarkerClusterer'
import BmMarker from 'vue-baidu-map/components/overlays/Marker'
import CryptoJS from "crypto-js";


export default {
  name: "homepage",
  components: {
    vueSeamlessScroll,
    BaiduMap,
    BmNavigation,
    BmMarkerClusterer,
    BmMarker,
  },
  data() {
    return {
      listData: [{
        'title': '无缝滚动第一行无缝滚动第一行',
        'date': '2017-12-16'
      }, {
        'title': '无缝滚动第二行无缝滚动第二行',
        'date': '2017-12-16'
      }, {
        'title': '无缝滚动第三行无缝滚动第三行',
        'date': '2017-12-16'
      }, {
        'title': '无缝滚动第四行无缝滚动第四行',
        'date': '2017-12-16'
      }, {
        'title': '无缝滚动第五行无缝滚动第五行',
        'date': '2017-12-16'
      }, {
        'title': '无缝滚动第六行无缝滚动第六行',
        'date': '2017-12-16'
      }, {
        'title': '无缝滚动第七行无缝滚动第七行',
        'date': '2017-12-16'
      }, {
        'title': '无缝滚动第八行无缝滚动第八行',
        'date': '2017-12-16'
      }, {
        'title': '无缝滚动第九行无缝滚动第九行',
        'date': '2017-12-16'
      }],
      lunboArticals: [],
      currentUserId: "",
      envInfo: [],
      safeInfo: [],
      meetingTypeMap: {},
      trainingMethodsMap: {},
      evaluationMethodMap: {},
      dictMap: {},
      AQJCVisible: false,
      ZDWRVisible: false,
      ZYXKVisible: false,
      hiddenDangerTitle: '',
      hiddenDangerVisible: false,
      dataTable: [],
      pagedata: {
        total: 0, //总条数
        fromPage: 1,//从n条开始
        pageSize: 10//每页多少条
      },
      pagedata1: {
        total: 0, //总条数
        fromPage: 1,//从n条开始
        pageSize: 10//每页多少条
      },
      envInfoObj: {},
      safeInfoObj: {},
      ZYXKInfo: [],
      ZYXKTitle: "",
      ZYXKColumns: [
        {
          title: '序号',
          width: 100,
          fixed: 'left',
          align: 'center',
          render: (h, params) => {
            return h('span', params.index + (this.pagedata.fromPage - 1) * this.pagedata.pageSize + 1);
          }
        },
        {
          minWidth: 150,
          title: '任务名称',
          fixed: 'left',
          key: 'planName',
          align: 'center'
        },
        {
          minWidth: 200,
          title: '所属单位',
          fixed: 'left',
          key: 'belongOrgName',
          align: 'center'
        },
        {
          minWidth: 150,
          title: '申请部门',
          fixed: 'left',
          key: 'adminDept',
          align: 'center'
        },
        {
          minWidth: 150,
          title: '作业单位',
          fixed: 'left',
          key: 'workDept',
          align: 'center'
        },
        {
          minWidth: 150,
          title: '作业等级',
          fixed: 'left',
          key: 'workGradeName',
          align: 'center'
        },
        {
          minWidth: 150,
          title: '作业开始时间',
          key: 'planStartTime',
          align: 'center',
          render: (h, params) => {
            return h('div', [
              (this.formatDate(new Date(params.row.applyStartDate), 'yyyy-MM-dd hh:mm'))
            ]);
          }
        },
        {
          minWidth: 150,
          title: '作业结束时间',
          key: 'planStartTime',
          align: 'center',
          render: (h, params) => {
            return h('div', [
              (this.formatDate(new Date(params.row.applyEndDate), 'yyyy-MM-dd hh:mm'))
            ]);
          }
        },
        {
          minWidth: 150,
          title: '作业负责人',
          key: 'workCharge',
          align: 'center',
        }
      ],
      menuColumns: [
        {
          title: '菜单名称',
          key: 'menuName',
        },
        {
          title: '排序',
          align: 'center',
          key: 'view',
          fixed: 'right',
          width: 150,
          render: (h, params) => {
            return h('div', [
              h('Icon', {
                props: {
                  type: 'md-arrow-round-up'
                },
                style: {
                  fontSize: '18px',
                  color: '#559DF9'
                },
                on: {
                  click: () => {
                    this.upSort(params.index)
                  }
                }
              }),
              h('Divider', {
                props: {
                  type: 'vertical',
                }
              }, ''),
              h('Icon', {
                props: {
                  type: 'md-arrow-round-down'
                },
                style: {
                  fontSize: '18px',
                  color: '#559DF9'
                },
                on: {
                  click: () => {
                    this.downSort(params.index);
                  }
                }
              })
            ]);
          }
        },
        /*     /*         {
                                      title: '自定义图标',
                                      key: 'action',
                                      width: 150,
                                      align: 'center',
                                      render: (h, params) => {
                                          return h('Select',{
                                                  props:{
                                                  },
                                                  on: {
                                                      'on-change':(event) => {
                                                          this.fastMenuLists[params.index].menuIcon = event;
                                                      }
                                                  },
                                              },
                                              this.aLiIcons.map((item) =>{
                                                  return h('Option', {
                                                      props: {
                                                          value: item.value,
                                                          label: item.name
                                                      }
                                                  })
                                              })
                                          )
                                      }
                                  },
                                  {
                                      minWidth: 120,
                                      title: '图标',
                                      key: 'menuIcon',
                                      align: 'center',
                                      render: (h, params) => {
                                          if (params.row.menuIcon == '') {
                                              return h('span',  '')
                                          }else{
                                              return h('i',{'class': 'iconfont icon' + params.row.menuIcon})
                                          }
                                      }
                                  }, */
        {
          title: '操作',
          key: 'action',
          fixed: 'right',
          maxWidth: 270,
          align: 'center',
          render: (h, params) => {
            return h('div', [
              h('A', {
                props: {
                  type: 'primary',
                  size: 'small'
                },
                style: {
                  fontSize: '14px',
                  color: 'red'
                },
                on: {
                  click: () => {
                    this.toDeleteFastMenu(params.index);
                  }
                }
              }, '删除'),
            ]);
          }
        }
      ],
      xiangguanlianjie: [
        {url: "https://www.mem.gov.cn/", type: '0', name: "中华人民共和国应急管理部"},
        {url: "http://www.mee.gov.cn/", type: '0', name: "中华人民共和国生态环境部"},
        {urlArr: this.Common.yingjiUrlArr, type: '1', name: "各省市应急管理局"},
        {urlArr: this.Common.shengtaiUrlArr, type: '1', name: "各省市生态环境部门"}
      ],
      ziliaoSafes: [],
      ziliaoEnvs: [],
      kepuxuanjiaos: [
        {
          name: '科普宣教（安全）',
          type: 1
        },
        {
          name: '科普宣教（环保）',
          type: 2
        },
      ],
      menuTree: [{
        menuId: '100',
        menuName: '菜单',
        title: '菜单',
        expand: true,
        children: []
      }],
      fastMenus: [],
      polygonPath1: {
        editing: false,
        paths: [] // 绘制完成后的经纬度，其实是在画的时候动态push的，因为在点击的时候触发了 paintPolygon 函数
      },
      polygonPath2: {
        editing: false,
        paths: [] // 绘制完成后的经纬度，其实是在画的时候动态push的，因为在点击的时候触发了 paintPolygon 函数
      },
      polygonPath3: {
        editing: false,
        paths: [] // 绘制完成后的经纬度，其实是在画的时候动态push的，因为在点击的时候触发了 paintPolygon 函数
      },
      polygonPath4: {
        editing: false,
        paths: [] // 绘制完成后的经纬度，其实是在画的时候动态push的，因为在点击的时候触发了 paintPolygon 函数
      },
      loading1: false,
      loading: false,
      center: {lng: 116.404, lat: 39.915},
      zoom: 9,
      location: "北京市",
      keyword: "请输入搜索关键词",
      infoWindow: {
        info: {}
      },
      dataForm: {
        grade: [],
        type: [],
      },
      totalCount: 0,
      nowCount: 0,
      statisticsInfos: {},
      deadNum: null,
      economicLoss: null,
      viewManagerFastMenu: false,
      fastMenuLists: [],
      split2: 0.45,
      selectNodeInfo: {},
      buttonLoading: false,
      infosSkip: true,
      infos: [],
      notices: [],
      noticeSkip: true,
      luoBoSkip: true,
      popularization: [],
      popularizationSkip: true,
      remenhuodongSafeLists: [],
      remenhuodongEnvLists: [],
      remenhuodongShow: false,
      safeActiveIndex: 0,
      envActiveIndex: 0,
      activeIndex: 0,
      activeIndex2: 0,
      activeIndex3: 0,
      StatisticsTitle: "",
      StatisticsVisible: false,
      ZSSWVisible: false,
      AQXZVisible: false,
      PXCSVisible: false,
      HBXZVisible: false,
      AQHYisible: false,
      ZSSWColumn: [
        {
          type: 'expand', width: 30,
          // fixed: 'left',
          render: (h, params) => {
            return h('Table', {
              props: {
                columns: [
                  {title: '伤亡人员姓名', align: 'center', key: 'victim', minWidth: 100,},
                  {
                    title: '性别', align: 'center', key: 'gender', minWidth: 80, render: (h, params) => {
                      return h('span', params.row.gender == '0' ? '男' : '女')
                    }
                  },
                  {title: '年龄', align: 'center', key: 'age', minWidth: 80,},
                  {title: '工种或岗位', align: 'center', key: 'position', minWidth: 120,},
                  {title: '伤害部位', align: 'center', key: 'injured', minWidth: 120,},
                  {title: '就业类型', align: 'center', key: 'membershipName', minWidth: 120,},
                  {title: '伤害程度', align: 'center', key: 'injuryLevelName', minWidth: 120,},
                  {title: '歇工天数', align: 'center', key: 'daysWork', minWidth: 100,},
                  {title: '直接经济损失(万元)', align: 'center', key: 'loseMoney', minWidth: 130,},
                ],//表头
                data: params.row.briefItems,//内部表格展示的数据
              },
            })//我这里使用的是表格，大家也可以根据自己的实际情况更换别的组件
          }
        },
        {
          title: '序号', width: 70, align: 'center',
          render: (h, params) => {
            return h('span', params.index + (this.pagedata1.fromPage - 1) * this.pagedata1.pageSize + 1);
          }
        },
        {title: '事故名称', align: 'center', key: 'sartName', minWidth: 140,},
        // {title: '伤亡人员姓名', align: 'center', key: 'victim', fixed: 'left', minWidth: 130,},
        {title: '单位', align: 'center', key: 'orgName', minWidth: 200,},
        {title: '伤害程度描述', align: 'center', key: 'injuryLevelDesc', minWidth: 180, tooltip: true},
        // {title: '伤害程度', align: 'center', key: 'injuryLevelName', minWidth: 100,},
        {title: '事故经过', align: 'center', key: 'accDesc', minWidth: 300, tooltip: true},
        {
          title: '事故发生时间', align: 'center', key: 'sartDate', minWidth: 150,
          render: (h, params) => {
            return h('div', [(this.formatDate(new Date(params.row.sartDate), 'yyyy-MM-dd'))]);
          }
        },
      ],
      AQXZColumn: [
        {
          title: '序号',
          width: 100,
          fixed: 'left',
          align: 'center',
          render: (h, params) => {
            return h('span', params.index + (this.pagedata1.fromPage - 1) * this.pagedata1.pageSize + 1);
          }
        },
        {key: 'twoLevelGroupName', title: '所属集团', fixed: 'left', align: 'center'},
        {key: 'companyName', title: '被罚款单位', fixed: 'left', align: 'center'},
        {key: 'fineUnitName', title: '罚款单位', align: 'center'},
        {
          key: 'fineDate', title: '罚款时间', align: 'center', render: this.renderCellDate

        },
        {key: 'fineMoney', title: '罚款金额（万元）', align: 'center'},
        {key: 'reasonsForFines', title: '罚款事由', align: 'center', ellipsis: true, tooltip: true},
        {key: 'fineDesc', title: '罚款内容描述', align: 'center', ellipsis: true, tooltip: true},
      ],
      AQHYColumn: [
        {
          title: '序号',
          width: 100,
          fixed: 'left',
          align: 'center',
          render: (h, params) => {
            return h('span', params.index + (this.pagedata1.fromPage - 1) * this.pagedata1.pageSize + 1);
          }
        },
        {key: 'companyName', minWidth: 200, title: '企业名称', fixed: 'left', align: 'center'},
        {key: 'meetingTopics', minWidth: 150, title: '会议主题', align: 'center', tooltip: true},
        {key: 'meetingTime', minWidth: 150, title: '会议时间', align: 'center', render: this.renderCellDateTime},
        {key: 'meetingLocation', minWidth: 150, title: '会议地点', align: 'center'},
        {
          key: 'meetingType', minWidth: 150, title: '会议类型 ', align: 'center', render: (h, params) => {
            return h('span', this.meetingTypeMap && this.meetingTypeMap[params.row.meetingType] && this.meetingTypeMap[params.row.meetingType].codingName)
          },
        },
        {key: 'speaker', minWidth: 150, title: '主持人', align: 'center'},
        {key: 'meetingContent', minWidth: 150, title: '会议记录', align: 'center', tooltip: true},
        {key: 'participantLeaders', minWidth: 150, title: '参会领导', align: 'center', tooltip: true},
        {pattern: /^([0-9][0-9]*)?$/, key: 'participantNumber', title: '参会人数', align: 'center', width: 130},
        // { pattern: /^(([1-9]\d*)|0)(\.\d{1})?$/, key: 'courseHours', title: '培训课时', align: 'center', width: 130 },
        {key: 'createUserName', minWidth: 150, title: '记录人', align: 'center'},
      ],
      PXCSColumn: [
        {
          title: '序号',
          width: 100,
          fixed: 'left',
          align: 'center',
          render: (h, params) => {
            return h('span', params.index + (this.pagedata1.fromPage - 1) * this.pagedata1.pageSize + 1);
          }
        },
        {key: 'companyName', minWidth: 200, title: '企业名称', fixed: 'left', align: 'center'},
        {key: 'trainingTopics', minWidth: 150, title: '培训主题', align: 'center', tooltip: true},
        {key: 'trainingTime', minWidth: 150, title: '培训时间', align: 'center', render: this.renderCellDate},
        {key: 'trainingLocation', minWidth: 150, title: '培训地点', align: 'center', tooltip: true},
        {
          key: 'trainingMethods', minWidth: 150, title: '培训方式 ', align: 'center', render: (h, params) => {
            return h('span', this.trainingMethodsMap && this.trainingMethodsMap[params.row.trainingMethods] && this.trainingMethodsMap[params.row.trainingMethods].codingName)
          },
        },
        {key: 'speaker', minWidth: 150, title: '主讲人', align: 'center'},
        {key: 'trainingContent', minWidth: 150, title: '培训记录', align: 'center', tooltip: true},
        {pattern: /^([0-9][0-9]*)?$/, key: 'trainingNumber', title: '培训人数', align: 'center', width: 130},
        {pattern: /^(([1-9]\d*)|0)(\.\d{1})?$/, key: 'trainingHours', title: '培训课时', align: 'center', width: 130},
        {
          key: 'evaluationMethod', minWidth: 150, title: '评价方式', align: 'center', render: (h, params) => {
            return h('span', this.evaluationMethodMap && this.evaluationMethodMap[params.row.evaluationMethod] && this.evaluationMethodMap[params.row.evaluationMethod].codingName)
          },
        },
        {key: 'comprehensiveScore', minWidth: 150, title: '综合得分', align: 'center'},
        {key: 'evaluationUser', minWidth: 150, title: '评价人', align: 'center'},
        {key: 'conclusion', minWidth: 150, title: '评价结论', align: 'center'},
        {key: 'createUserName', minWidth: 150, title: '记录人', align: 'center'},
      ],
      HBXZColumn: [
        {
          title: '序号',
          fixed: 'left',
          width: 100,
          align: 'center',
          render: (h, params) => {
            return h('span', params.index + (this.pagedata1.fromPage - 1) * this.pagedata1.pageSize + 1);
          }
        },
        {key: 'eventOrgName', title: '事件发生单位', fixed: 'left', align: 'center', minWidth: 240},
        {key: 'eventDate', title: '事件发生时间', align: 'center', render: this.renderCellDate, minWidth: 140},
        {key: 'eventSite', title: '事件发生地点', align: 'center', minWidth: 160},
        {key: 'punishmentTime', title: '事件处罚时间', align: 'center', render: this.renderCellDate, minWidth: 140},
        {
          key: 'punishmentType', title: '处罚类别', align: 'center', minWidth: 120, render: (h, params) => {
            return h('span', this.dictMap['ENEVT-000002'][params.row.punishmentType] && this.dictMap['ENEVT-000002'][params.row.punishmentType].codingName);
          }
        },
        {key: 'penaltyAmount', title: '罚款金额(万元)', align: 'center', minWidth: 120},
        {key: 'eventDescription', title: '事件经过', align: 'center', minWidth: 230, tooltip: true},
        {key: 'emergencyMeasure', title: '已经采取的应急措施', align: 'center', minWidth: 230, tooltip: true},
        {key: 'otherInformation', title: '其他应当报告的情况', align: 'center', minWidth: 230, tooltip: true}
      ],
      hiddenDangerContainer: undefined,
      pipelineContainer: undefined,
      mapContainer: undefined,
      // provincesText: ['上海', '河北', '山西', '内蒙古', '辽宁', '吉林','黑龙江',  '江苏', '浙江', '安徽', '福建', '江西', '山东','河南', '湖北', '湖南', '广东', '广西', '海南', '四川', '贵州', '云南', '西藏', '陕西', '甘肃', '青海', '宁夏', '新疆', '北京', '天津', '重庆', '香港', '澳门', '台湾'],
      provincesText: ['北京', '河北', '天津'],
      timer: {},
      currentTimeOut: 0,
      riskLevelContainer: undefined,
      columns1: [
        {
          title: '序号', width: 80, fixed: 'left', align: 'center', render: (h, params) => {
            return h('span', params.index + (this.pagedata1.fromPage - 1) * this.pagedata1.pageSize + 1);
          }
        },
        {key: 'companyName', title: '被检查企业', fixed: 'left', align: 'center', width: 200},
        {key: 'belongOrgId', title: '二级集团', fixed: 'left', align: 'center', width: 200},
        {key: 'inspectionTime', title: '检查时间', align: 'center', width: 150, render: this.renderCellDate},
        {key: 'inspectionGroupCategory', title: '检查组别', align: 'center', width: 120},
        {key: 'rummager', title: '检查组人员', align: 'center', width: 200},
        {key: 'issueCount', title: '问题数量', align: 'center', width: 100},
        {key: 'issueCompletionCount', title: '整改完成问题数量', align: 'center', width: 150},
        {key: 'contentIssue', title: '检查内容及发现问题', align: 'center', width: 200, tooltip: true},
        {key: 'issueRectificationRequest', title: '问题及整改要求', align: 'center', width: 200, tooltip: true},
        {key: 'issueCompletion', title: '问题整改完成情况', align: 'center', width: 200, tooltip: true},
        {key: 'issueCompletionTime', title: '整改完成时间', align: 'center', width: 150, render: this.renderCellDate},
        {key: 'createDate', title: '填表时间', align: 'left', width: 120, render: this.renderCellDate}
      ],
      columns2: [
        {
          title: '序号', width: 80, fixed: 'left', align: 'center', render: (h, params) => {
            return h('span', params.index + (this.pagedata1.fromPage - 1) * this.pagedata1.pageSize + 1);
          }
        },
        {key: 'companyName', title: '企业名称', fixed: 'left', align: 'center', width: 200},
        {key: 'belongOrgName', title: '二级集团', fixed: 'left', align: 'center', width: 150},
        {key: 'warningLevel', title: '预警级别', align: 'center', width: 120},
        {key: 'warningPeriod', title: '预警期间', align: 'center', width: 162},
        {key: 'responseMeasures', title: '响应措施', align: 'center', tooltip: true}
      ],
      hiddenDangerColumns: [
        {
          title: '序号', width: 80, fixed: 'left', align: 'center', render: (h, params) => {
            return h('span', params.index + (this.pagedata1.fromPage - 1) * this.pagedata1.pageSize + 1);
          }
        },
        {key: 'flowNo', title: '隐患流水号', fixed: 'left', align: 'center', minWidth: 200},
        {
          key: 'companyName', title: '排查对象', fixed: 'left', align: 'center', minWidth: 200, render: (h, params) => {
            return h('div', [
              h('span', params.row.parentOrgName + '>>' + params.row.projectname || '--')
            ]);
          }
        },
        {key: 'level', title: '隐患等级', align: 'center', minWidth: 120},
        {key: 'recPeriod', title: '期限（天）', align: 'center', minWidth: 120},
        {key: 'userName', title: '上报人', align: 'center', minWidth: 120},
        {key: 'governTimeStr', title: '上报时间', align: 'center', minWidth: 150},
      ],
      hiddenDangerInfo: [],
      pageSizeArray: [10, 20, 50],
      clickParam: {},
      riskLevelTitle: '',
      riskLevelType: '重大',
      riskLevelVisible: false,
      riskLevelInfo: [],
      modaleshow: 1,
      riskColumns: [
        {
          title: "序号",
          minWidth: 80,
          align: "center",
          fixed: 'left',
          render: (h, params) => {
            return h('span', params.index + 1);
          }
        },
        {
          minWidth: 150,
          title: '一级风险单元',
          fixed: 'left',
          align: 'center',
          render: (h, params) => {
            return h('span', params.row.saRiskInfo.riskUnitName)
          }
        },
        {
          minWidth: 120,
          title: '二级风险单元',
          fixed: 'left',
          align: 'center',
          render: (h, params) => {
            return h('span', params.row.saRiskInfo.riskUnit2)
          }
        },
        {
          minWidth: 100,
          title: '三级风险单元',
          fixed: 'left',
          align: 'center',
          render: (h, params) => {
            return h('span', params.row.saRiskInfo.riskUnit3)
          }
        }, {
          minWidth: 100,
          title: '四级风险单元',
          fixed: 'left',
          align: 'center',
          render: (h, params) => {
            return h('span', params.row.saRiskInfo.riskUnit4)
          }
        }, {//设备
          minWidth: 100,
          title: '设备设施名称',
          align: 'center',
          render: (h, params) => {
            return h('span', params.row.saRiskInfo.equipmentName)
          }
        }, {
          minWidth: 100,
          title: '子系统单元或重要元器件',
          align: 'center',
          render: (h, params) => {
            return h('span', params.row.saRiskInfo.subEqName)
          }
        },//设备
        {
          minWidth: 100,
          title: '人员岗位',
          align: 'center',
          render: (h, params) => {
            return h('span', params.row.saRiskInfo.personnelPosition)
          }
        },
        {
          minWidth: 150,
          title: '作业内容',
          align: 'center',
          render: (h, params) => {
            return h('span', params.row.saRiskInfo.workContent)
          }
        },
        {
          minWidth: 100,
          title: '风险类别',
          align: 'center',
          key: 'riskTypeName',
          render: (h, params) => {
            return h('span', params.row.saRiskInfo.riskTypeName)
          }
        },
        {
          minWidth: 100,
          title: '风险识别维度',
          align: 'center',
          key: 'rikDiscernName',
          render: (h, params) => {
            return h('span', params.row.saRiskInfo.rikDiscernName)
          }
        },
        {
          minWidth: 100,
          title: '风险等级',
          align: 'center',
          key: 'rikRankName',
        },
        {
          minWidth: 100,
          title: '风险警示色',
          align: 'center',
          key: 'rikColor',
        },
        {
          minWidth: 150,
          title: '风险防范措施',
          align: 'center',
          key: 'manageMeasure',
          render: (h, params) => {
            return h('span', params.row.saRiskManage.manageMeasure)
          }
        },
        {
          minWidth: 150,
          title: '应急措施',
          align: 'center',
          key: 'emerMearsure',
          render: (h, params) => {
            return h('span', params.row.saRiskManage.emerMearsure)
          }
        },
      ],
      color: ['#ffc400', '#ff6f00', '#00e676', '#03b0fe', '#18ffff'],
      inspectData1: ['中央环保督察组', '生态环境部', '省厅/直辖市厅', '市局', '区县及以下'],
      inspectData2: ['中央安全督察组', '国家应急部', '省厅/直辖市厅', '市局', '区县及以下'],

      proPublicity: {},
      proPublicitySkip: true,
      activeIndex4: 1,
    }
  },
  computed: {
    classOption() {
      return {
        step: 0.2, // 数值越大速度滚动越快
        limitMoveNum: 2, // 开始无缝滚动的数据量 this.dataList.length
        hoverStop: true, // 是否开启鼠标悬停stop
        direction: 3, // 0向下 1向上 2向左 3向右
        openWatch: true, // 开启数据实时监控刷新dom
        singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
        singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
        waitTime: 1000 // 单步运动停止的时间(默认值1000ms)
      }
    },
    optionSingleHeight() {
      return {
        singleHeight: 26
      }
    },
    //上一张
    prevIndex() {
      if (this.currentIndex == 0) {
        return this.dataList.length - 1;
      } else {
        return this.currentIndex - 1;
      }
    },
    //下一张
    nextIndex() {
      if (this.currentIndex == this.dataList.length - 1) {
        return 0;
      } else {
        return this.currentIndex + 1;
      }
    },
    riskLevelColumns() {
      const columns = [...this.riskColumns];
      const modaleshow = this.modaleshow
      const riskLevelColumns = []
      columns.forEach(item => {
        if (modaleshow == 1) {
          if (item.title != '作业内容' && item.title != '人员岗位') {
            riskLevelColumns.push(item)
          }
        } else if (modaleshow == 2) {
          if (item.title != '设备设施名称' && item.title != '人员岗位' && item.title != '子系统单元或重要元器件') {
            riskLevelColumns.push(item)
          }
        } else if (modaleshow == 3) {
          if (item.title != '设备设施名称' && item.title != '作业内容' && item.title != '子系统单元或重要元器件') {
            riskLevelColumns.push(item)
          }
        } else {
          if (item.title != '设备设施名称' && item.title != '作业内容' && item.title != '人员岗位' && item.title != '子系统单元或重要元器件') {
            riskLevelColumns.push(item)
          }
        }
      })
      return riskLevelColumns
    },
  },
  watch: {
    "hiddenDangerVisible": function (qw, er) {
      if (!qw) {
        this.pagedata = {
          total: 0,
          pageSize: 10,
          fromPage: 1
        }
      }
    },
    "StatisticsVisible": function (qw, er) {
      if (!qw) {
        this.$refs.tabs.activeKey = 'name1';
        let container = echarts.init(this.$refs.analysisContainer);
        container.clear();
      }
    }
  },
  created() {
    this.$http.get(Api.queryIsTooltip + "/" + sessionStorage('userId').getObject('userId').companyId
        + "/" + sessionStorage('userId').getObject('userId').userId).then((res) => {
      if (res.data.status == 200) {
        if (res.data.data.display == "true") {
          this.$Notice.open({
            title: '提示',
            desc: '请更新本月的环保画像填报',
            duration: 0
          });
        }
      }
    })
  },
  mounted() {
    this.currentUserId = sessionStorage('userId').getObject('userId').userId;
    this.$http.get(Api.queryDictBycode + "ENEVT-000002,TRA-000005,TRA-000003,TRA-000004", {}).then((res) => {
      this.dictMap = {'ENEVT-000002': this.dictListToMap(res.data.data['ENEVT-000002'])};
      this.meetingTypeMap = this.dictListToMap(res.data.data['TRA-000005']);
      this.trainingMethodsMap = this.dictListToMap(res.data.data['TRA-000003']);
      this.evaluationMethodMap = this.dictListToMap(res.data.data['TRA-000004']);
    }).catch(e => {
      this.$Message.error("数据字典获取失败")
    });
    this.queryPublicity();//公示台账
    // this.loadQuarterlyChart();
    this.loadPipeline();
    this.loadHiddenDanger();
    this.loadRer();
    this.loadNotice();
    // this.queryMap();
    this.loadCockpitCount();
    // this.loadSafeAccident();
    this.queryFastMenu();
    this.ziliaoSafeAll({id: '-1'});
    this.ziliaoEnvAll({id: '-1'});

    this.falvfagui();
    this.queryPopularization();
    this.querySafeWorks();
    this.queryEnvWorks();
    // this.queryArticals();//轮播图
    this.queryTooltip();
    this.check();
  },
  destroyed() {
    for (let k in [2, 3, 4]) {
      clearInterval(this.timer[k]);
    }
  },
  methods: {
    ...pageCommonFunction,
    toViewAnQuanFaGui() {
      window.open("http://www.esafety.cn/fgbz/fg_home.aspx?signature=" + this.encrypt("logFlag=superadmin:pwd=JYjt@richfit_202") , '_blank')
    },
    encrypt(word) {
      let keyHex = CryptoJS.enc.Utf8.parse('bbmgBBMG');
      let option = {mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7}
      let encrypted = CryptoJS.DES.encrypt(word, keyHex, option)
      return encrypted.ciphertext.toString()
    },
    clearInterval(num, index) {
      this['activeIndex' + num] = index
      clearInterval(this.timer[num])
    },
    createInterval(num, type1, type2) {
      this.timer[num] = setInterval(() => {
        if (this['activeIndex' + num] == type1) this['activeIndex' + num] = type2;
        else this['activeIndex' + num] = type1;
      }, 5000)
    },
    queryPublicity() {
      this.$http.get(Api.queryProPublicity + '/all?size=6').then(function (res) {
        this.proPublicity = res.data.data
        this.proPublicitySkip = false;
        this.createInterval(4, 1, 2)
      }, function (res) {
        this.$Message.error('请求失败');
      });
    },
    check() {
      let url = Api.checkEnvInfoComan;
      this.$http.get(url).then(res => {
        if (res.data.status == '200') {
          sessionStorage('envInfoComan').set('check', res.data.data);
        } else {
          sessionStorage('envInfoComan').set('check', '1');
        }
      }).catch(e => {
        sessionStorage('envInfoComan').set('check', '1');
        console.error(e);
        this.$Message.error('查询失败');
      })
    },
    onExpand(row, index) {
      this.dataTable.forEach((item, i) => { //这个循环是为了每次只能展开一个，其他自动收起，不需要可以去掉
        i !== index ? this.dataTable[i]._expanded = false : '';
      })
      this.dataTable[index]._expanded = !this.dataTable[index]._expanded;
      this.dataTable.sort()
    },
    queryTooltip() {
      // let userId = sessionStorage('userId').getObject('userId').userId;
      // , {params: {createUserId: userId}}
      this.$http.get(Api.procinstCount).then((res) => {
        this.totalCount = res.data.count;
        this.nowCount = res.data.nowCount;
      })
    },
    handleSectionClick(event) {
      this.toViewHuoDong(event.target.dataset.dept);
    },
    pushRoute() {
      this.$router.push({path: '/todoList'});
    },
    enterNotice(index) {
      this.notices[index].isBrowsed = "1";
    },
    toViewJC(type) {
      this.pagedata1 = {
        total: 0, //总条数
        fromPage: 1,//从n条开始
        pageSize: 10//每页多少条
      };
      this.ZDWRVisible = false;
      this.AQJCVisible = true;
      this.ZSSWVisible = false;
      this.AQXZVisible = false;
      this.PXCSVisible = false;
      this.AQHYisible = false;
      this.hiddenDangerVisible = false;
      this.HBXZVisible = false;
      this.StatisticsVisible = true;
      this.type = type;
      this.loading = true;
      if (type == 1) this.StatisticsTitle = '政府环境检查'; else this.StatisticsTitle = '政府安全检查';
      this.queryJC();
    },
    queryJC() {
      this.loading = true;
      let user = sessionStorage('userId').getObject('userId');
      let date = new Date;
      let url = Api.cockpitCount + '/detail/' + user.companyId + '/' + date.getFullYear() + '/' + this.type + "?startPage=" + this.pagedata1.fromPage + "&size=" + this.pagedata1.pageSize;
      this.$http.get(url).then((res) => {
        this.pagedata1.total = res.data.data.totalSize;
        this.dataTable = res.data.data.data;
        this.loading = false;
      }).catch(e => {
        this.$Message.error("数据获取失败")
      })

      this.$http.get(Api.cockpitCount + 'detail/count/' + user.companyId + '/' + date.getFullYear() + '/' + this.type).then((res) => {
        let container = echarts.init(this.$refs.analysisContainer);
        let option = this.getInspectOption(this.type);
        let legend = this.type == 1 ? this.inspectData1 : this.inspectData2;
        let temp = 0;
        legend.forEach(i => {
          res.data.data.forEach(j => {
            if (i == j['codingName']) {
              option.series.push({
                name: j['codingName'],
                type: 'bar',
                label: {
                  normal: {
                    show: true,
                    textBorderColor: '#333',
                    textBorderWidth: 2
                  }
                },
                data: j['count']
              });
              temp = 1;
            }
          });
          if (temp != 1) {
            option.series.push({
              name: i,
              type: 'bar',
              label: {
                normal: {
                  show: true,
                  textBorderColor: '#333',
                  textBorderWidth: 2
                }
              },
              data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
            });
            temp = 0;
          }

        })
        container.setOption(option);
      }).catch(e => {
        this.$Message.error("数据获取失败")
      })
    },
    toViewZWUTQYJ() {
      this.pagedata1 = {
        total: 0, //总条数
        fromPage: 1,//从n条开始
        pageSize: 10//每页多少条
      };
      this.AQJCVisible = false;
      this.ZDWRVisible = true;
      this.ZSSWVisible = false;
      this.hiddenDangerVisible = false;
      this.AQXZVisible = false;
      this.PXCSVisible = false;
      this.AQHYisible = false;
      this.HBXZVisible = false;
      this.loading = true;
      this.StatisticsVisible = true;
      this.StatisticsTitle = '重污染天气预警';
      this.queryZWUTQYJ();
    },
    queryZWUTQYJ() {
      this.loading = true;
      let user = sessionStorage('userId').getObject('userId');
      let date = new Date;

      let url = Api.cockpitCount + '/warningDays/' + user.companyId + '/' + date.getFullYear();
      this.$http.get(url + "?startPage=" + this.pagedata1.fromPage + "&size=" + this.pagedata1.pageSize).then((res) => {
        if (res.data.data.data.length > 0) {
          res.data.data.data.forEach(item => {
            const sty = item.warningLevel == '红色' ? 'table-info-cell-red' : item.warningLevel == '橙色' ? 'table-info-cell-orage' : item.warningLevel == '黄色' ? 'table-info-cell-yellow' : item.warningLevel == '蓝色' ? 'table-info-cell-blue' : ''
            item.cellClassName = {warningLevel: sty}
          })
        }
        this.pagedata1.total = res.data.data.totalSize;
        this.dataTable = res.data.data.data;
        this.loading = false;
      }).catch(e => {
        this.$Message.error("数据获取失败")
      })
      /*
                let url2 = Api.cockpitCount + '/warningDays/count/' + user.companyId + '/' + queryMonth
                this.$http.get(url2).then((res) => {
                    if(res.data.status == 200){
                        let option = this.getBriefingCountOption();
                        let container = echarts.init(this.$refs.analysisContainer);
                        option.legend.data.push("天");
                        option.xAxis.data = res.data.data["days"];
                        option.series.push({
                            name: "天",
                            type: 'bar',
                            label: {
                                normal: {
                                    show: true,
                                    textBorderColor: '#333',
                                    textBorderWidth: 2
                                }
                            },
                            data: res.data.data['counts']
                        })
                        container.setOption(option);
                    }
                }).catch(e => {
                    this.$Message.error("数据获取失败")
                }); */
    },
    queryZSSW() {
      let date = new Date;
      let data = {
        startPage: this.pagedata1.fromPage,
        size: this.pagedata1.pageSize,
        orgId: sessionStorage('userId').getObject('userId').companyId,
        year: date.getFullYear(),
        procinstState: '3',
        injuryLevels: '1000001019000000002,1000001019000000003,',
        memberships: 'MEM-000001000000001,MEM-000001000000002,MEM-000001000000003,',
        notAccTypeId: 'ACC-000001000000019',
      };
      let url = Api.briefing
      this.$http.get(url, {params: data}).then((res) => {
        this.dataTable = res.data.data.data;
        this.pagedata1.total = res.data.data.totalSize;
        this.loading = false;
      }).catch(e => {
        this.$Message.error("数据获取失败")
      })

      this.$http.get(url + '/count', {params: data}).then((res) => {
        if (res.data.status == 200) {
          let option = this.getBriefingOption();
          let container = echarts.init(this.$refs.analysisContainer);
          res.data.data.forEach(item => {
            option.legend.data.push(item['codingName']);
            option.series.push({
              name: item['codingName'],
              type: 'bar',
              label: {
                normal: {
                  show: true,
                  textBorderColor: '#333',
                  textBorderWidth: 2
                }
              },
              data: item['count']
            });
          })
          container.setOption(option);
        }
      }).catch(e => {
        this.$Message.error("数据获取失败")
      });

    },
    toViewZSSW() {
      this.pagedata1 = {
        total: 0, //总条数
        fromPage: 1,//从n条开始
        pageSize: 10//每页多少条
      };
      this.StatisticsTitle = "重伤以上详情"
      this.StatisticsVisible = true;
      this.AQJCVisible = false;
      this.ZDWRVisible = false;
      this.ZSSWVisible = true;
      this.AQXZVisible = false;
      this.PXCSVisible = false;
      this.AQHYisible = false;
      this.hiddenDangerVisible = false;
      this.HBXZVisible = false;
      this.loading = true;
      if (this.statisticsInfos.dead > 0) {
        this.queryZSSW();
      } else {
        this.dataTable = [];
        this.pagedata1.total = 0;
        this.loading = false;
      }
    },
    queryAQSG() {
      this.loading = true;
      var date = new Date()
      let data = {
        startPage: this.pagedata1.fromPage,
        size: this.pagedata1.pageSize,
        //orgId:sessionStorage('userId').getObject('userId').companyId,
        procinstState: '3',
        injuryLevels: '1000001019000000002,1000001019000000003,',
        year: date.getFullYear()
      };
      let url = Api.briefing
      this.$http.get(url, {params: data}).then((res) => {
        this.dataTable = res.data.data.data;
        this.pagedata1.total = res.data.data.totalSize;
        this.loading = false;
      }).catch(e => {
        this.$Message.error("数据获取失败")
      })
    },
    queryAQSGTJ() {
      this.loading = true;
      let date = new Date();
      let month = this.clickParam.name == '一月' ? '01' : this.clickParam.name == '二月' ? '02' : this.clickParam.name == '三月' ? '03' : this.clickParam.name == '四月' ? '04' : this.clickParam.name == '五月' ? '05' : this.clickParam.name == '六月' ? '06' : this.clickParam.name == '七月' ? '07' : this.clickParam.name == '八月' ? '08' : this.clickParam.name == '九月' ? '09' : this.clickParam.name == '十月' ? '10' : this.clickParam.name == '十一月' ? 11 : this.clickParam.name == '十二月' ? 12 : 0;
      let data = {
        startPage: this.pagedata1.fromPage,
        size: this.pagedata1.pageSize,
        //orgId:sessionStorage('userId').getObject('userId').companyId,
        procinstState: '3',
        year: date.getFullYear() + "-" + month
      };
      let url = Api.briefing
      this.$http.get(url, {params: data}).then((res) => {
        this.dataTable = res.data.data.data;
        this.pagedata1.total = res.data.data.totalSize;
        this.loading = false;
      }).catch(e => {
        this.$Message.error("数据获取失败")
      })
    },
    toViewAQSG() {
      this.pagedata1 = {
        total: 0, //总条数
        fromPage: 1,//从n条开始
        pageSize: 10//每页多少条
      };
      this.StatisticsTitle = "安全事故详情"
      this.StatisticsVisible = true;
      this.AQJCVisible = false;
      this.hiddenDangerVisible = false;
      this.ZDWRVisible = false;
      this.ZSSWVisible = true;
      this.AQXZVisible = false;
      this.PXCSVisible = false;
      this.AQHYisible = false;
      this.HBXZVisible = false;
      this.queryAQSGTJ();
    },
    queryAQXZ() {
      this.loading = true;
      var date = new Date();
      let data = {
        startPage: this.pagedata1.fromPage,
        size: this.pagedata1.pageSize,
        orgId: sessionStorage('userId').getObject('userId').companyId,
        year: date.getFullYear()
      };
      let url = Api.SaAdministrativeSanctionQuery
      this.$http.get(url, {params: data}).then((res) => {
        this.dataTable = res.data.data.data;
        this.pagedata1.total = res.data.data.totalSize;
        this.loading = false;
      }).catch(e => {
        this.$Message.error("数据获取失败")
      })
      let countUrl = Api.SaAdministrativeSanctionCount;
      this.$http.get(countUrl, {
        params: {
          orgId: sessionStorage('userId').getObject('userId').companyId,
          year: date.getFullYear()
        }
      }).then((res) => {
        if (res.data.status == 200) {
          let container = echarts.init(this.$refs.analysisContainer);
          let option = this.getMeetingOption();
          option.series.push({
            type: 'bar',
            label: {
              normal: {
                show: true,
                textBorderColor: '#333',
                textBorderWidth: 2
              }
            },
            data: res.data.data
          });
          container.setOption(option);
        }
      }).catch(e => {
        this.$Message.error("数据获取失败")
      })

    },
    toViewAQXZ() {
      this.pagedata1 = {
        total: 0, //总条数
        fromPage: 1,//从n条开始
        pageSize: 10//每页多少条
      };
      this.StatisticsTitle = "安全行政处罚详情"
      this.StatisticsVisible = true;
      if (this.statisticsInfos.furloughNum > 0) {
        this.AQJCVisible = false;
        this.ZSSWVisible = false;
        this.ZDWRVisible = false;
        this.hiddenDangerVisible = false;
        this.AQXZVisible = true;
        this.PXCSVisible = false;
        this.AQHYisible = false;
        this.HBXZVisible = false;
        this.queryAQXZ();
      } else {
        this.AQJCVisible = false;
        this.hiddenDangerVisible = false;
        this.ZDWRVisible = false;
        this.ZSSWVisible = false;
        this.AQXZVisible = true;
        this.PXCSVisible = false;
        this.AQHYisible = false;
        this.HBXZVisible = false;
        this.dataTable = [];
        this.pagedata1.total = 0;
      }
    },
    queryHBXZ() {
      this.loading = true;
      var date = new Date();
      let data = {
        startPage: this.pagedata1.fromPage,
        size: this.pagedata1.pageSize,
        conditions: {
          orgId: sessionStorage('userId').getObject('userId').companyId,
          eventTypeIds: '("ENEVT-000001000000003")',
          year: date.getFullYear()
        }
      };
      let url = Api.queryEnvEventSend
      this.$http.post(url, data).then((res) => {
        this.dataTable = res.data.data.data;
        this.pagedata1.total = res.data.data.totalSize;
        this.loading = false;
      }).catch(e => {
        this.$Message.error("数据获取失败")
      })
      this.$http.get(Api.countDeleteEnvEventSend, {
        params: {
          eventTypeIds: "ENEVT-000001000000003",
          year: date.getFullYear()
        }
      }).then((res) => {
        let container = echarts.init(this.$refs.analysisContainer);
        let option = this.getMeetingOption();
        option.series.push({
          type: 'bar',
          label: {
            normal: {
              show: true,
              textBorderColor: '#333',
              textBorderWidth: 2
            }
          },
          data: res.data.data
        });
        container.setOption(option);
      }).catch(e => {
        this.$Message.error("数据获取失败")
      })
    },
    toViewHBXZ() {
      this.pagedata1 = {
        total: 0, //总条数
        fromPage: 1,//从n条开始
        pageSize: 10//每页多少条
      };
      this.StatisticsTitle = "环保行政处罚详情"
      this.StatisticsVisible = true;
      if (this.statisticsInfos.administrativeSanction > 0) {
        this.AQJCVisible = false;
        this.ZDWRVisible = false;
        this.ZSSWVisible = false;
        this.AQXZVisible = false;
        this.hiddenDangerVisible = false;
        this.PXCSVisible = false;
        this.AQHYisible = false;
        this.HBXZVisible = true;
        this.queryHBXZ();
      } else {
        this.hiddenDangerVisible = false;
        this.AQJCVisible = false;
        this.ZDWRVisible = false;
        this.ZSSWVisible = false;
        this.AQXZVisible = false;
        this.PXCSVisible = false;
        this.AQHYisible = false;
        this.HBXZVisible = true;
        this.dataTable = [];
        this.pagedata1.total = 0;
      }
    },
    queryPXCS() {
      this.loading = true;
      var date = new Date();
      let data = {
        startPage: this.pagedata1.fromPage,
        size: this.pagedata1.pageSize,
        conditions: {
          companyId: sessionStorage('userId').getObject('userId').companyId,
          year: date.getFullYear()
        }
      };
      let url = Api.queryTrainingRecordsByCompanyId
      this.$http.post(url, data).then((res) => {
        this.dataTable = res.data.data.data;
        this.pagedata1.total = res.data.data.totalSize;
        this.loading = false;
      }).catch(e => {
        this.$Message.error("数据获取失败")
      })
      let countUrl = Api.countTrainingRecords;
      this.$http.get(countUrl, {
        params: {
          companyId: sessionStorage('userId').getObject('userId').companyId,
          year: date.getFullYear()
        }
      }).then((res) => {
        if (res.data.status == 200) {
          let container = echarts.init(this.$refs.analysisContainer);
          let option = this.getMeetingOption();
          res.data.data.forEach(item => {
            option.legend.data.push(item['codingName']);
            option.series.push({
              name: item['codingName'],
              type: 'bar',
              label: {
                normal: {
                  show: true,
                  textBorderColor: '#333',
                  textBorderWidth: 2
                }
              },
              data: item['count']
            });
          })
          container.setOption(option);
        }
      }).catch(e => {
        this.$Message.error("数据获取失败")
      })
    },
    toViewPXCS() {
      this.pagedata1 = {
        total: 0, //总条数
        fromPage: 1,//从n条开始
        pageSize: 10//每页多少条
      };
      if (this.statisticsInfos.totalTrain > 0) {
        this.AQJCVisible = false;
        this.hiddenDangerVisible = false;
        this.ZDWRVisible = false;
        this.ZSSWVisible = false;
        this.AQXZVisible = false;
        this.PXCSVisible = true;
        this.AQHYisible = false;
        this.HBXZVisible = false;
        this.StatisticsTitle = "培训记录详情"
        this.StatisticsVisible = true;
        this.queryPXCS();
      } else {
        this.hiddenDangerVisible = false;
        this.AQJCVisible = false;
        this.ZDWRVisible = false;
        this.ZSSWVisible = false;
        this.AQXZVisible = false;
        this.PXCSVisible = true;
        this.AQHYisible = false;
        this.HBXZVisible = false;
        this.StatisticsTitle = "培训记录详情"
        this.StatisticsVisible = true;
        this.dataTable = [];
      }
    },
    queryAQHY() {
      this.loading = true;
      var date = new Date();
      let data = {
        startPage: this.pagedata1.fromPage,
        size: this.pagedata1.pageSize,
        conditions: {
          companyId: sessionStorage('userId').getObject('userId').companyId,
          year: date.getFullYear()
        }
      };
      let url = Api.queryMeetingRecordsByCompanyId
      this.$http.post(url, data).then((res) => {
        this.loading = false;
        this.dataTable = res.data.data.data;
        this.pagedata1.total = res.data.data.totalSize;
      }).catch(e => {
        this.$Message.error("数据获取失败")
      })
      let countUrl = Api.countMeetingRecords;
      this.$http.get(countUrl, {
        params: {
          companyId: sessionStorage('userId').getObject('userId').companyId,
          year: date.getFullYear()
        }
      }).then((res) => {
        if (res.data.status == 200) {
          let container = echarts.init(this.$refs.analysisContainer);
          let option = this.getMeetingOption();
          res.data.data.forEach(item => {
            option.legend.data.push(item['codingName']);
            option.series.push({
              name: item['codingName'],
              type: 'bar',
              label: {
                normal: {
                  show: true,
                  textBorderColor: '#333',
                  textBorderWidth: 2
                }
              },
              data: item['count']
            });
          })

          container.setOption(option);
        }
      }).catch(e => {
        this.$Message.error("数据获取失败")
      })
    },
    toViewAQHY() {
      this.pagedata1 = {
        total: 0, //总条数
        fromPage: 1,//从n条开始
        pageSize: 10//每页多少条
      };
      if (this.statisticsInfos.companyMeeting > 0) {
        this.AQJCVisible = false;
        this.ZDWRVisible = false;
        this.ZSSWVisible = false;
        this.hiddenDangerVisible = false;
        this.AQXZVisible = false;
        this.PXCSVisible = false;
        this.AQHYisible = true;
        this.HBXZVisible = false;
        this.StatisticsTitle = "会议记录详情"
        this.StatisticsVisible = true;
        this.queryAQHY();
      } else {
        this.AQJCVisible = false;
        this.ZDWRVisible = false;
        this.ZSSWVisible = false;
        this.AQXZVisible = false;
        this.PXCSVisible = false;
        this.AQHYisible = true;
        this.HBXZVisible = false;
        this.hiddenDangerVisible = false;
        this.StatisticsTitle = "会议记录详情"
        this.StatisticsVisible = true;
        this.dataTable = [];
        this.pagedata1.total = 0;
      }
    },
    ziliaoInfo(id, name) {
      this.$router.push({path: '/wholePage', query: {name: name, type: 3, id: id}});
    },
    getZiLiaoInfos(obj) {
      for (var i = 0; i < obj.length; i++) {
        let item = obj[i]
        let data = {page: 1, rows: 7, categoryId: item.id};
        data = Object.assign(data);
        this.$http.get(Api.materialsInfo, {
          params: data,
        }).then((res) => {
          item.children = res.data.data;
          this.infoObj[item.name] = res.data.data;
          if (this.info.length == 0) {
            this.info = res.data.data;
          }
        })
      }
    },
    mouseOverEnv(name, index) {
      this.envActiveIndex = index
      this.envInfo = this.envInfoObj[name]
    },
    mouseOverSafe(name, index) {
      this.safeActiveIndex = index
      this.safeInfo = this.safeInfoObj[name]
    },
    toViewHuoDong(audit) {
      this.$http.get(Api.addBrowse + "/" + audit).then(res => {
      })
      if (audit.worksType == '1') {
        let routeUrl = this.$router.resolve({
          path: "/videoPlay",
          query: audit
        });
        window.open(routeUrl.href, '_blank');
      } else {
        let routeUrl = this.$router.resolve({
          path: "/articalPlay",
          query: audit
        });
        window.open(routeUrl.href, '_blank');
      }
    },
    toViewArtical(index, type) {
      if (type == "1") {
        let routeUrl = this.$router.resolve({
          path: "/artical",
          query: {id: this.jiangHuaArticals[index].infoId}
        });
        window.open(routeUrl.href, '_blank');
      } else if (type == "2") {
        let routeUrl = this.$router.resolve({
          path: "/artical",
          query: {id: this.huoDongArticals[index].infoId}
        });
        window.open(routeUrl.href, '_blank');
      } else if (type == "3") {
        let routeUrl = this.$router.resolve({
          path: "/artivityArticalPlay",
          query: {id: this.lunboArticals[index].safeActivityMonthId}
        });
        window.open(routeUrl.href, '_blank');
      } else if (type == "4") {
        let routeUrl = this.$router.resolve({
          path: "/artical",
          query: {id: this.qiyeDongTais[index].infoId}
        });
        window.open(routeUrl.href, '_blank');
      } else if (type == "5") {
        let routeUrl = this.$router.resolve({
          path: "/artical",
          query: {id: this.remenhuodongSafeLists[index].infoId}
        });
        window.open(routeUrl.href, '_blank');
      } else if (type == "6") {
        let routeUrl = this.$router.resolve({
          path: "/artical",
          query: {id: this.remenhuodongEnvLists[index].infoId}
        });
        window.open(routeUrl.href, '_blank');
      }
    },
    querySafeWorks() {
      let userId = JSON.parse(sessionStorage('userId').get('userId')).userId
      this.$http.get(Api.queryWorks + "?activityType=1&startPage=1&size=6&worksType=0&userId=" + userId).then(res => {
        var index = 0;
        res.data.data.data.forEach(item => {
          item.createDate = this.formatDate(new Date(item.createDate), 'yyyy-MM-dd');
          this.$set(item, "cover", Api.viewPicture + item.cover)
          this.remenhuodongSafeLists.push(item);
          this.remenhuodongShow = true;
          index++;
        });
      }).catch(e => {
        this.$Message.error('请求失败');
      })
    },
    queryEnvWorks() {
      let userId = JSON.parse(sessionStorage('userId').get('userId')).userId
      this.$http.get(Api.queryWorks + "?activityType=2&startPage=1&size=6&worksType=0&userId=" + userId).then(res => {
        var index = 0;
        res.data.data.data.forEach(item => {
          item.createDate = this.formatDate(new Date(item.createDate), 'yyyy-MM-dd');
          this.$set(item, "cover", Api.viewPicture + item.cover)
          this.remenhuodongEnvLists.push(item);
          this.remenhuodongShow = true;
          index++;
        });
      }).catch(e => {
        this.$Message.error('请求失败');
      })
    },
    queryPopularization() {
      this.$http.get(Api.popularization + '/cockpit', {
        params: {
          startPage: 1,
          pageSize: 6
        }
      }).then(function (res) {
        this.popularization = res.data;
        this.popularization['safe'].forEach(item => {
          item.createDate = this.formatDate(new Date(item.createDate), 'yyyy-MM-dd');
        })
        this.popularization['environment'].forEach(item => {
          item.createDate = this.formatDate(new Date(item.createDate), 'yyyy-MM-dd');
        })
        this.popularizationSkip = false;
        this.createInterval(3, 0, 1)
        /* this.timer = setInterval(() => {
           if (this.activeIndex3 == 0) this.activeIndex3 = 1;
           else this.activeIndex3 = 0;
         }, 5000)*/
      }, function (res) {
        this.$Message.error('请求失败');
      });
    },
    falvfagui() {
      let data = {page: 1, rows: 7, categoryId: this.Common.falvfaguiziliao};
      data = Object.assign(data);
      this.$http.get(Api.materialsInfo, {
        params: data,
      }).then((res) => {
        this.infos = res.data.data;
        this.infosSkip = false;
      }).catch(e => {
        this.$Message.error('请求失败');
      });
    },

    toDeleteFastMenu(index) {
      this.fastMenuLists.splice(index, 1);
    },
    ziliaoSafeAll(map) {
      this.$http.get(Api.materialsCategory, {params: {parentId: map.id, type: 'safe'}}).then((res) => {
        if (map.id == '-1') {
          this.ziliaoSafes = res.data
          for (let i in this.ziliaoSafes) {
            if (i > 5) {
              res.data.splice(i, 1)
            } else {
              res.data[i].name = res.data[i].title
              res.data[i].iconUrl = this.Common.ziliaoPng[i]
            }
            this.ziliaoSafeAll(this.ziliaoSafes[i])
          }
        } else {
          if (res.data.length > 0) {
            res.data[0].name = 'name1'
          }
          map.children = res.data;
          map.children.forEach(item => {
            if (item.files.length > 5) {
              item.files = item.files.slice(0, 6);
            }
          })
          this.safeInfoObj[map.name] = map.children;
          if (this.safeInfo.length == 0) {
            this.safeInfo = map.children;
          }
        }
      })
    },
    ziliaoEnvAll(map) {
      this.$http.get(Api.materialsCategory, {params: {parentId: map.id, type: 'env'}}).then((res) => {
        if (map.id == '-1') {
          this.ziliaoEnvs = res.data
          for (let i in this.ziliaoEnvs) {
            if (i > 5) {
              res.data.splice(i, 1)
            } else {
              res.data[i].name = res.data[i].title
              res.data[i].iconUrl = this.Common.ziliaoPng[i]
            }
            this.ziliaoEnvAll(this.ziliaoEnvs[i])
          }
        } else {
          if (res.data.length > 0) {
            res.data[0].name = 'name1'
          }
          map.children = res.data;
          map.children.forEach(item => {
            if (item.files.length > 5) {
              item.files = item.files.slice(0, 6);
            }
          })
          this.envInfoObj[map.name] = map.children;
          if (this.envInfo.length == 0) {
            this.envInfo = map.children;
          }
        }
      })
    },
    upSort(index) {
      this.fastMenuLists[index - 1].order = index;
      this.fastMenuLists[index].order = index - 1;
      var row = this.fastMenuLists[index - 1];
      this.$set(this.fastMenuLists, index - 1, this.fastMenuLists[index]);
      this.$set(this.fastMenuLists, index, row);
    },
    toViewZiLiao(index) {
      this.$router.push({path: '/fileDetails'})
    },
    downSort(index) {
      this.fastMenuLists[index + 1].order = index;
      this.fastMenuLists[index].order = index + 1;
      var row = this.fastMenuLists[index + 1];
      this.$set(this.fastMenuLists, index + 1, this.fastMenuLists[index]);
      this.$set(this.fastMenuLists, index, row);
    },
    queryFastMenu() {
      let userId = JSON.parse(sessionStorage('userId').get('userId')).userId
      this.$http.get(Api.FastMenuByUserId + "/oftenmenus/" + userId).then(res => {
        res.data.data.forEach(item => {
          item.iconCode = 'iconfont icon' + item.menuIcon;
        });
        this.fastMenus = res.data.data;
      });
    },
    renderContent(h, {root, node, data}) {
      return h('span', {
        style: {
          display: 'inline-block',
          cursor: 'pointer',
          color: 'green'
        },
        on: {
          click: () => {
            this.selectNodeInfo = data;
          },
          //右键点击事件
          contextmenu: (e) => {
            e.preventDefault();
            this.selectNodeInfo = data;
            if (this.selectNodeInfo.isLeaf == 3) {
              this.$refs.contentMenu.$refs.reference = event.target;
              this.$refs.contentMenu.currentVisible = !this.$refs.contentMenu.currentVisible;
            }
          }
        }
      }, [h('span', [h('Icon', {
        props: {
          type: 'folder'
        },
        style: {
          marginRight: '8px'
        }
      }), h('span', data.menuName)])]);
    },
    selectMenuItem(name) {
      if (this.fastMenuLists.length > 7) {
        this.$Message.error('快捷菜单最多允许设置7个');
      }
      var add = true;
      this.fastMenuLists.forEach(item => {
        if (item.menuUrl == this.selectNodeInfo.menuUrl)
          add = false;
      })
      if (add)
        this.fastMenuLists.push(this.selectNodeInfo);
      this.fastMenuLists[this.fastMenuLists.length - 1].order = this.fastMenuLists.length;
    },
    saveToFastMenu() {
      this.buttonLoading = true;
      let ids = "";
      this.fastMenuLists.forEach(item => {
        ids += (item.menuId + "-" + item.order + ",");
      })
      let userId = JSON.parse(sessionStorage('userId').get('userId')).userId
      this.$http.post(Api.FastMenuByUserId + '/user/' + userId + '/menu/' + ids).then(res => {
        this.buttonLoading = false;
        if (res.data.result == "sucess") {
          this.$Message.success('保存成功');
          this.queryFastMenu();
        } else
          this.$Message.success('保存失败');
        this.viewManagerFastMenu = false;
      }).catch(e => {
        this.$Message.error('请求失败');
      })
      this.viewManagerFastMenu = true;
    },
    toViewMenu(e) {
      let data = {id: e.menuId.substr(0, 5), fastMenu: e.menuUrl};
      this.$router.push({path: '/modular', query: data});
    },
    getMenusByUserId() {
      let userId = JSON.parse(sessionStorage('userId').get('userId')).userId
      this.$http.get(Api.getMenusByUser + "/" + userId, {params: {}}).then(res => {
        this.$set(this.selectNodeInfo, 'children', res.data.data.children)
      }).catch(e => {
        this.$Message.error('请求失败');
      })
    },
    toManagerFastMenu() {
      this.viewManagerFastMenu = true;
      this.fastMenuLists = JSON.parse(JSON.stringify(this.fastMenus));
      this.selectNodeInfo = this.menuTree[0];
      this.getMenusByUserId();
    },
    loadCockpitCount() {
      let date = new Date();
      let user = sessionStorage('userId').getObject('userId');
      let url = Api.cockpitCount + date.getFullYear() + '/' + user.companyId;
      this.$http.get(url).then(res => {
        if (res.data.status == 200) {
          this.statisticsInfos = res.data.data;
        }
      });
    },
    //安全事故
    loadSafeAccident() {
      let date = new Date();
      this.$http.get(Api.accidentStatistics).then(res => {
        if (res.data.status == 200) {
          this.deadNum = res.data.data.dead;
          this.economicLoss = res.data.data.economisLoss;
        }
      });
    },
    queryMap() {
      let orgId = "-1";
      if (sessionStorage('userId').getObject('userId').companyId != undefined && sessionStorage('userId').getObject('userId').companyId != null) {
        orgId = sessionStorage('userId').getObject('userId').companyId;
      }
      this.$http.get(Api.queryMapMarkersByOrgId + "/" + orgId).then((res) => {
        this.polygonPath1 = {
          editing: false,
          paths: []
        }
        this.polygonPath2 = {
          editing: false,
          paths: []
        }
        this.polygonPath3 = {
          editing: false,
          paths: []
        }
        this.polygonPath4 = {
          editing: false,
          paths: []
        }
        if (res.data.status = 200 && res.data.data != null) {
          res.data.data.forEach(topItem => {
            if (topItem.type != '1') {
              let pointLists = topItem.oneLevelArea.split("@");
              pointLists.forEach(item => {
                if (item != "") {
                  this.polygonPath1.paths.push([]);
                  let points = item.split(";");
                  points.forEach(item1 => {
                    if (item1 != "") {
                      let point = item1.split(",");
                      this.polygonPath1.paths[this.polygonPath1.paths.length - 1].push(
                          {lng: point[0], lat: point[1]}
                      )
                    }
                  })
                }
              })
              {
                let pointLists = topItem.twoLevelArea.split("@");
                pointLists.forEach(item => {
                  if (item != "") {
                    this.polygonPath2.paths.push([]);
                    let points = item.split(";");
                    points.forEach(item1 => {
                      if (item1 != "") {
                        let point = item1.split(",");

                        this.polygonPath2.paths[this.polygonPath2.paths.length - 1].push(
                            {lng: point[0], lat: point[1]}
                        )
                      }
                    })
                  }
                })
              }
              {
                let pointLists = topItem.threeLevelArea.split("@");
                pointLists.forEach(item => {
                  if (item != "") {
                    this.polygonPath3.paths.push([]);
                    let points = item.split(";");
                    points.forEach(item1 => {
                      if (item1 != "") {
                        let point = item1.split(",");
                        this.polygonPath3.paths[this.polygonPath3.paths.length - 1].push(
                            {lng: point[0], lat: point[1]}
                        )
                      }
                    })
                  }
                })
              }
              {
                let pointLists = topItem.fourLevelArea.split("@");
                pointLists.forEach(item => {
                  if (item != "") {
                    this.polygonPath4.paths.push([]);
                    let points = item.split(";");
                    points.forEach(item1 => {
                      if (item1 != "") {
                        let point = item1.split(",");
                        this.polygonPath4.paths[this.polygonPath4.paths.length - 1].push(
                            {lng: point[0], lat: point[1]}
                        )
                      }
                    })
                  }
                })
              }
            }
          })
        }
      });
    },
    loadNotice() {
      this.$http.get(Api.getCockpitNotice + "?startPage=1&size=10&type=1&userId=" + this.currentUserId + "&publishOrgId=" + sessionStorage('userId').getObject('userId').companyId).then(res => {
        if (res.data.status == 200) {
          this.notices = res.data.data;
          this.notices['safe'].forEach(item => {
            item.createDate = this.formatDate(new Date(item.createDate), 'yyyy-MM-dd');
          })
          this.notices['environment'].forEach(item => {
            item.createDate = this.formatDate(new Date(item.createDate), 'yyyy-MM-dd');
          })
          this.noticeSkip = false;
          this.createInterval(2, 0, 1)
          /* this.timer = setInterval(() => {
             if (this.activeIndex2 == 0) this.activeIndex2 = 1;
             else this.activeIndex2 = 0;
           }, 5000)*/
        }
      });
    },
    handler({BMap, map}) {
      let _this = this
      // map.addControl(new BMap.NavigationControl());
      map.enableContinuousZoom(true);
      this.$http.get(Api.statisProPublicity).then(res => {
        if (res.data.data.length > 0) {
          let dataList = res.data.data;
          //绘制省份边界
          /*var districtLoading = 0;
          var blist = [];
          map.setMapStyle({
              styleJson:  [{
                  "featureType": "road",
                  "elementType": "all",
                  "stylers": {
                      "color": "#ffffff",
                      "visibility": "off"
                  }
              }]
          });
          map.enableScrollWheelZoom();
          map.enableDragging();
          map.disableDoubleClickZoom();

          for (var i = provinceData.length - 1; i >= 0; i--) {
              addDistrict(dataList[i].addressName);
          }

          function addDistrict(cityName) {
              //使用计数器来控制加载过程
              districtLoading++;
              var boundary = new BMap.Boundary();
              boundary.get(cityName, function(rs){
                  //一个省可能有好几个闭合的多边形区域
                  for (var i = 0; i < rs.boundaries.length; i++) {
                      blist.push({ points: rs.boundaries[i], name: cityName });
                  }
                  //加载完成区域点后计数器-1
                  districtLoading--;
                  if (districtLoading == 0) {
                      //全加载完成后画端点
                      drawBoundary();
                  }
              });
          }

          // =====绘制边界=====
          function drawBoundary() {
              //包含所有区域的点数组
              var pointArray = [];
              //循环添加各闭合区域
              for (var i = 0; i < blist.length; i++) {
                  //添加多边形层并显示
                  var ply = new BMap.Polygon(blist[i].points, {
                      strokeWeight: 1,   //边框宽度
                      trokeColor: "#014F99",   //边框颜色
                      fillColor: " #DDE4F0" //填充颜色
                  }); //建立多边形覆盖物
                  ply.name = blist[i].name;
                  ply.addEventListener("click", click);
                  map.addOverlay(ply);
                  //将点增加到视野范围内
                  var path = ply.getPath();
                  pointArray = pointArray.concat(path);
              }
              //限定显示区域(只显示特定区域，鼠标拖动松开后自动回到显示范围内)，需要引用api库
              // var boundply = new BMap.Polygon(pointArray);
              // BMapLib.AreaRestriction.setBounds(map, boundply.getBounds());
              map.setViewport(pointArray);    //调整视野
          }

          function click(evt) {
              alert(evt.target.name);
          }*/
          let provinceData = this.Common.provinceData
          for (let m in dataList) {
            provinceData.forEach(n => {
              if (n.name.indexOf(dataList[m].addressName) > -1) {
                // dataList[m].lng = n.lng
                // dataList[m].lat = n.lat
                let point = new BMap.Point(n.lng, n.lat);
                let marker = new BMap.Marker(point);
                marker.setTitle(dataList[m].addressName + dataList[m].num + '个');
                marker.addEventListener("mouseover", function (e) {
                  openInfo(dataList[m], e)
                });
                map.addOverlay(marker);
              }
            })
          }
        }
      })

      function openInfo(data, e) {
        let p = e.target;
        let point = new BMap.Point(p.getPosition().lng, p.getPosition().lat);
        let opts = {
          position: point,    // 指定文本标注所在的地理位置
          width: 150,     // 信息窗口宽度
          height: 200,     // 信息窗口高度
          offset: new BMap.Size(20, -20), //设置文本偏移量
          title: "<h1 style='font-size: 15px'>" + data.addressName + "</h1>", // 信息窗口标题
        };

        let content = "<div style='font-size: 14px; margin-top: 5px'><p style='margin-bottom: 5px; color: orangered'>数据加载中...</p></div>";
        let infoWindow = new BMap.InfoWindow(content, opts);  // 创建信息窗口对象
        let parData = {
          startPage: 1,
          size: 4,
          conditions: {
            accountType: 2,
            attriErea: data.attriErea
          }
        };
        _this.$http.post(Api.queryProPublicity, parData).then(res => {
          if (res.data.status == 200) {
            let lista = res.data.data.data
            content = "<table style=\"width: 150px; text-align: center;font-size: 12px;\" >" +
                "<tr>" +
                "<td width=\"25%\">问题类别</td>" +
                "<td width=\"24%\">所在区域</td>" +
                "<td width=\"25%\">问题描述</td>" +
                "<td width=\"25%\">时间</td>" +
                "</tr>"
            for (let k in lista) {
              content += "<tr>" +
                  "<td style='text-overflow:ellipsis;overflow:hidden;white-space: nowrap;flex: auto;'>" + lista[k].problemCategoryName + "</td>" +
                  "<td style='text-overflow:ellipsis;overflow:hidden;white-space: nowrap;flex: auto'>" + lista[k].attriEreaName + "</td>" +
                  "<td style='text-overflow:ellipsis;overflow:hidden;white-space: nowrap;flex: auto'>" + lista[k].problemDesc + "</td>" +
                  "<td style='text-overflow:ellipsis;overflow:hidden;white-space: nowrap;flex: auto'>" + _this.formatDate(new Date(lista[k].checkTime), 'yyyy-MM-dd') + "</td>" +
                  "</tr>"
            }
            content += "</table>"
            infoWindow.setContent(content)
          }
        });
        map.openInfoWindow(infoWindow, point); //开启信息窗口
      }
    },
    loadQuarterlyChart() {
      this.loading1 = true;
      this.$http.get(Api.eventInforStatis, {params: {}}).then(res => {
        if (res.data.eventType != undefined) {
          let container = echarts.init(this.$refs.quarterlyContainer);
          let option = this.getQuarterlyOption();
          let year = new Date().getFullYear();
          option.title.text = year + '年度事件统计';
          res.data.eventType.map((i) => {
            option.series[0].data.push({value: i.value, name: i.key});
          })
          container.setOption(option);
          this.loading1 = false;
        }
      });
    },
    getQuarterlyOption() {
      let option = {
        title: {
          text: '',
          textStyle: {
            fontSize: 14
          }
        },
        tooltip: {
          trigger: 'item',
          formatter: '{a} <br/>{b}: {c} ({d}%)'
        },
        color: ['#42A5F5', '#FF3E80', '#FFC310', '#1DE9B6'],
        series: [
          {
            name: '事件统计',
            type: 'pie',
            radius: ['40%', '50%'],
            avoidLabelOverlap: false,
            label: {
              show: true,
              fontSize: 12
            },
            labelLine: {
              show: true
            },
            data: []
          }
        ]
      }
      return option;
    },
    loadPipeline() {
      let date = new Date()
      let container = echarts.init(this.$refs.pipelineContainer);
      let data = {
        orgId: sessionStorage('userId').getObject('userId').companyId,
        userId: sessionStorage('userId').getObject('userId').userId,
        startDate: this.formatDate(date, 'yyyy-MM-dd') + ' 00:00',
        endDate: this.formatDate(date, 'yyyy-MM-dd') + ' 24:00',
      };
      this.$http.get(Api.statisticsPtwByPtwTypeCurrentDay, {params: data}).then(res => {
        res.data.type.sort(function (a, b) {
          return a.ptwNum - b.ptwNum
        });
        this.dataForm.type = res.data.type;
        let option = this.getBingOption();
        let legendData = [];
        let seriesData = [];
        let seriesData2 = [];
        var max = 0;
        this.dataForm.type.forEach(item => {
          if (item.ptwNum > max) {
            max = item.ptwNum;
          }
        })
        for (var i = 0; i < this.dataForm.type.length; i++) {
          legendData.push(this.dataForm.type[i].ptwTypeName);
          seriesData2.push(max + 10);
          seriesData.push((this.dataForm.type)[i].ptwNum);
        }
        option.yAxis.data = legendData;
        option.series[0].data = seriesData;
        option.series[1].data = seriesData2;
        container.setOption(option);
        container.on('click', (param) => {
          event.stopPropagation()// 阻止冒泡
          this.ZYXKTitle = param.name
          this.ZYXKVisible = true;
          this.pagedata1 = {
            total: 0, //总条数
            fromPage: 1,//从n条开始
            pageSize: 10//每页多少条
          };
          this.queryZYXK();
        });
      })
    },
    queryZYXK() {
      this.loading = true;
      this.pagedata1.total = 0;
      let user = sessionStorage('userId').getObject('userId');
      let date = new Date();
      let data2 = {
        ptwTypeName: this.ZYXKTitle,
        companyId: user.companyId,
        userId: user.userId,
        applyStartDate: this.formatDate(date, 'yyyy-MM-dd') + " 00:00",
        applyEndDate: this.formatDate(date, 'yyyy-MM-dd') + " 24:00",
        currentPage: this.pagedata1.fromPage,
        size: this.pagedata1.pageSize,
      }
      this.$http.get(Api.getPtwList, {params: data2}).then(r => {
        this.ZYXKInfo = r.data.data;
        this.ZYXKInfo.forEach(item => {
          if (item.modelType == "ptw-100001000000004") {
            if (item.workGrade == 'ptw-100003000000001')
              item.workGradeName = "特级：＞30米";
            if (item.workGrade == 'ptw-100003000000002')
              item.workGradeName = "三级：15-30米";
            if (item.workGrade == 'ptw-100003000000003')
              item.workGradeName = "二级：5-15米";
            if (item.workGrade == 'ptw-100003000000004')
              item.workGradeName = "一级：1.8—5米";
          }
          if (item.modelType == "ptw-100001000000001") {
            if (item.workGrade == 'ptw-100003000000001')
              item.workGradeName = "一级吊装";
            if (item.workGrade == 'ptw-100003000000002')
              item.workGradeName = "二级吊装";
            if (item.workGrade == 'ptw-100003000000003')
              item.workGradeName = "三级吊装";
          }
          if (item.modelType == "ptw-100001000000005") {
            if (item.workGrade == 'ptw-100003000000001')
              item.workGradeName = "特殊动火";
            if (item.workGrade == 'ptw-100003000000002')
              item.workGradeName = "一级动火";
            if (item.workGrade == 'ptw-100003000000003')
              item.workGradeName = "二级动火";
          }
          if (item.modelType == "ptw-100001000000003") {
            if (item.workGrade == 'ptw-100003000000001')
              item.workGradeName = "特级";
            if (item.workGrade == 'ptw-100003000000002')
              item.workGradeName = "一级";
            if (item.workGrade == 'ptw-100003000000003')
              item.workGradeName = "二级";
          }
          if (item.modelType == "ptw-100001000000002") {
            item.workGradeName = "清库";
          }
          if (item.modelType == "ptw-100001000000006") {
            item.workGradeName = "预热器人工清堵";
          }
          if (item.modelType == "ptw-100001000000007") {
            item.workGradeName = "篦冷机清大块";
          }
          if (item.modelType == "ptw-100001000000008") {
            item.workGradeName = "临时用电";
          }
          if (item.modelType == "ptw-100001000000011") {
            if (item.workGrade == 'ptw-100003000000001')
              item.workGradeName = "主干道";
            if (item.workGrade == 'ptw-100003000000002')
              item.workGradeName = "次干道";
          }
          if (item.modelType == "ptw-100001000000010") {
            if (item.workGrade == 'ptw-100003000000001')
              item.workGradeName = "2个施工队伍交叉作业";
            if (item.workGrade == 'ptw-100003000000002')
              item.workGradeName = "2个以上施工队伍交叉作业";
          }
        })
        this.pagedata1.total = r.data.totalSize;
        this.loading = false;
      });
    },
    loadHiddenDanger() {
      let container = echarts.init(this.$refs.hseContainer);
      let user = sessionStorage('userId').getObject('userId');
      let data = {
        orgId: user.companyId != null ? user.companyId : '18000000',
        month: this.formatDate(new Date(), 'yyyy-MM'),
        lastMonth: this.getLastMonth(new Date(), 'yyyy-MM'),
      }
      this.$http.get(Api.apsgInverstigation + '/count/all', {params: data}).then(res => {
        let option = this.getHiddenDangerOption();
        let seriesData = [res.data[0]['count'], res.data[1]['count'], res.data[2]['count'], res.data[3]['count']];
        option.series[0].data = seriesData;
        container.setOption(option);
        container.on('click', (param) => {
          event.stopPropagation()// 阻止冒泡
          this.clickParam = param;
          this.hiddenDangerTitle = param.name;
          this.hiddenDangerVisible = true;
          this.queryHiddenDanger()
        });
      })
    },
    queryHiddenDanger() {
      let user = sessionStorage('userId').getObject('userId');
      this.loading = true;
      let data2 = {
        type: this.clickParam.name == '本期上报' ? '1' : this.clickParam.name == '本期消除' ? '2' : this.clickParam.name == '本期未消除' ? '3' : this.clickParam.name == '上期未消除' ? 4 : 0,
        orgId: user.orgInfo.parentId != null ? user.orgInfo.parentId : '-1',
        month: this.formatDate(new Date(), 'yyyy-MM'),
        lastMonth: this.getLastMonth(new Date(), 'yyyy-MM'),
        companyName: user.companyName,
        startPage: this.pagedata.fromPage,
        pageSize: this.pagedata.pageSize,
      }
      this.$http.get(Api.apsgInverstigation + '/count/detail', {params: data2}).then(r => {
        this.hiddenDangerInfo = r.data.data;
        this.pagedata.total = r.data.totalSize;
        this.loading = false;
      });
    },
    queryArticals() {
      this.$http.get(Api.safeActivityMonth + "/list?isHead=true&startPage=1&size=6&infoType=3").then(res => {
        if (res.data.status == 200) {
          this.lunboArticals = res.data.data.data;
          this.lunboArticals.forEach(async (item) => {
            item.createDate = this.formatDate(new Date(item.createDate), 'yyyy-MM-dd');
            await this.$http.get(Api.interestedPartiesUserFile + '/' + item.safeActivityMonthId + '/files/picture').then(res1 => {
              if (res1.data.data.length > 0)
                this.$set(item, 'img', res1.data.data[0].picture)
            })
          })
          this.luoBoSkip = false;
        }
      });
    },
    sizeChange(pageSize) {
      this.pagedata.pageSize = pageSize;
      this.queryHiddenDanger();
    },
    pageChange(pageNum) {
      this.pagedata.fromPage = pageNum;
      this.queryHiddenDanger();
    },
    sizeChange1(pageSize) {
      this.pagedata1.pageSize = pageSize;
      this.pagedata1.fromPage = 1;
      this.query();
    },
    pageChange1(pageNum) {
      this.pagedata1.fromPage = pageNum;
      this.query();
    },
    query() {
      if (this.ZSSWVisible == true) {
        this.queryZSSW();
        // this.queryAQSG();
      } else if (this.AQHYisible == true)
        this.queryAQHY();
      else if (this.AQXZVisible == true)
        this.queryAQXZ();
      else if (this.HBXZVisible == true)
        this.queryHBXZ();
      else if (this.PXCSVisible == true)
        this.queryPXCS();
      else if (this.AQJCVisible == true)
        this.queryJC();
      else if (this.ZDWRVisible == true)
        this.queryZWUTQYJ();
      else if (this.hiddenDangerVisible == true)
        this.queryHiddenDanger();
      else if (this.hiddenDangerVisible == true)
        this.queryHiddenDanger();
      else if (this.ZYXKVisible == true)
        this.queryZYXK();
    },
    loadRer() {
      let date = new Date();
      let _this = this
      let container1 = echarts.init(this.$refs.derContainer);
      let user = sessionStorage('userId').getObject('userId');
      // let container2 = echarts.init(this.$refs.riskContainer);
      let data = {
        // orgId: user.companyId,
        orgName: user.companyName,
        year: date.getFullYear()
      }
      _this.$http.get(Api.riskStaticalList + '/count', {params: data}).then((res) => {
        if (res.data.status == 200) {

          // let option2 = this.getRiskTypeOption();
          // let type = res.data.data.type;
          // option2.series[0].data = type;
          // container2.setOption(option2);
          // container2.on("click", riskType1);

          // function riskType1(param) {
          //   event.stopPropagation() // 阻止冒泡
          //   _this.riskLevelTitle = param.name
          //   _this.modaleshow = param.name === '环境氛围风险' ? 4 : param.name === '人员岗位风险' ? 3 : param.name === '作业流程风险' ? 2 : 1
          //   _this.riskLevelType = null
          //   _this.pagedata.fromPage = 1
          //   _this.pagedata.pageSize = 10
          //   _this.toViewRisk(_this.riskLevelType)
          // }

          let level = res.data.data.level;
          let option = this.getRiskLevelOption();
          option.series[0].data = level;
          container1.setOption(option);
          container1.on("click", riskDetails);

          function riskDetails(param) {
            event.stopPropagation() // 阻止冒泡
            _this.riskLevelType = param.name
            _this.pagedata.fromPage = 1
            _this.pagedata.pageSize = 10
            _this.modaleshow = 1
            _this.riskLevelTitle = _this.riskLevelType === '重大' ? '风险等级(重大)' : _this.riskLevelType === '较大' ? '风险等级(较大)' : '风险等级(重大,较大)'
            _this.toViewRisk(param.name)
          }
        }
      });
    },
    lowerStep(name) {
      this.modaleshow = name
      this.toViewRisk(this.riskLevelType)
    },
    toViewRisk(name) {
      this.riskLevelVisible = true;
      var date = new Date();
      this.loading = true;
      let url = ''
      if (this.modaleshow == 1) {
        url = Api.equipmentFacilitiesRiskApprovalList
      } else if (this.modaleshow == 2) {
        url = Api.workProcessRiskApprovalList
      } else if (this.modaleshow == 3) {
        url = Api.personnelJobRiskApprovalList
      } else if (this.modaleshow == 4) {
        url = Api.environmentalRiskApprovalList
      }
      let data = {
        startPage: this.pagedata.fromPage,
        size: this.pagedata.pageSize,
        // auditState: '2',
        year: date.getFullYear(),
        orgId: sessionStorage('userId').getObject('userId').companyId,
        belongOrgName: sessionStorage('userId').getObject('userId').companyName,
        rikRankId: name == null ? '' : name === '重大' ? '重大' : name === '较大' ? '较大' : '重大,较大'
      }
      data = Object.assign(data);
      this.$http.get(url, {params: data}).then((res) => {
        res.data.data.data.forEach(item => {
          const sty = item.rikColor == '红' ? 'table-info-cell-red' : item.rikColor == '橙' ? 'table-info-cell-orage' : item.rikColor == '黄' ? 'table-info-cell-yellow' : item.rikColor == '蓝' ? 'table-info-cell-blue' : ''
          item.cellClassName = {rikColor: sty}
        })
        this.riskLevelInfo = res.data.data.data;
        this.pagedata.total = res.data.data.totalSize;
        this.loading = false;
      }).catch(e => {
        this.$Message.error("数据获取失败")
        this.loading = false;
        this.pagedata.total = 0
      })
    },
    sizeChangeRisk(size) {
      this.pagedata.pageSize = size
      this.toViewRisk(this.riskLevelType)
    },
    pageChangeRisk(pagenum) {
      this.pagedata.fromPage = pagenum
      this.toViewRisk(this.riskLevelType)
    },
    formatDate(date, fmt) {
      if (/(y+)/.test(fmt)) {
        fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
      }
      let o = {
        'M+': date.getMonth() + 1,
        'd+': date.getDate(),
        'h+': date.getHours(),
        'm+': date.getMinutes(),
        's+': date.getSeconds()
      };
      for (let k in o) {
        if (new RegExp(`(${k})`).test(fmt)) {
          let str = o[k] + '';
          fmt = fmt.replace(RegExp.$1, RegExp.$1.length === 1 ? str : this.padLeftZero(str));
        }
      }
      return fmt;
    },
    padLeftZero(str) {
      return ('00' + str).substr(str.length);
    },
    getBingOption() {
      let option = {

        tooltip: {
          trigger: 'axis',
          axisPointer: {
            type: 'shadow'
          }
        },
        grid: {
          top: '14%',
          left: '1%',
          right: '4%',
          bottom: '1%',
          containLabel: true
        },
        xAxis: {
          type: 'value',
          show: false,
          boundaryGap: [0, 0.01],
          splitLine: {show: false},
          axisTick: {show: false},
          axisLine: {show: false}
        },
        yAxis: {
          type: 'category',
          data: [],
          axisLine: {
            show: false,
            lineStyle: {
              color: '#757575'
            }
          },
          axisTick: {show: false}
        },
        series: [
          {
            name: '数量',
            type: 'bar',
            barWidth: 8,
            barGap: '80%',
            barCategoryGap: '50%',
            z: 10,
            data: [],
            itemStyle: { // 柱子样式
              normal: {
                barBorderRadius: [0, 10, 10, 0],
                color: '#42A5F5', // 柱状图颜色
                label: {
                  show: true, // 显示文本
                  position: 'right', // 数据值位置
                  textStyle: {
                    color: '#000'
                  },
                }
              }
            }
          },
          {
            type: 'bar',
            data: [46, 46, 46, 46, 46, 46, 46, 46],
            tooltip: {show: false},
            barMinHeight: 30,
            barWidth: 10,
            barMaxWidth: 100,
            barGap: '-100%', // 两个柱子之间的距离，如果要重叠设置为-100%
            itemStyle: {
              normal: {
                color: '#F0F2F5', // 柱子颜色，作为底层背景
                label: {
                  show: false,
                  position: 'right',
                  testStyle: {
                    color: '#000'
                  }
                }
              }
            }
          }
        ]
      };
      return option;
    },
    getRiskLevelOption() {
      let option = {
        tooltip: {
          trigger: 'item',
          formatter: '{a} <br/>{b}: {c} ({d}%)'
        },
        legend: {
          orient: 'vertical',
          left: 10,
          data: ['重大', '较大', '一般', '低']
        },
        color: ['#FD5C50', '#FF9800', '#FDD835', '#40C4FF'],
        series: [
          {
            name: '风险级别',
            type: 'pie',
            radius: ['50%', '70%'],
            center: ['45%', '50%'],
            label: {
              formatter: '{@2012} ({d}%)'
            },
            data: [],
            emphasis: {
              itemStyle: {
                shadowBlur: 10,
                shadowOffsetX: 0,
                shadowColor: 'rgba(0, 0, 0, 0.5)'
              }
            }
          }
        ]
      };
      return option;
    },
    getRiskTypeOption() {
      let option = {
        tooltip: {
          trigger: 'item',
          formatter: '{a} <br/>{b}: {c} ({d}%)'
        },
        legend: {
          orient: 'vertical',
          right: 10,
          data: ['设备设施风险', '作业流程风险', '人员岗位风险', '环境氛围风险']
        },
        color: ['#42A5F5', '#FF3E80', '#FFC310', '#1DE9B6'],
        series: [
          {
            name: '风险类型',
            type: 'pie',
            radius: '60%',
            center: ['40%', '50%'],
            label: {
              formatter: '{@2012} ({d}%)'
            },
            data: [],
            emphasis: {
              itemStyle: {
                shadowBlur: 10,
                shadowOffsetX: 0,
                shadowColor: 'rgba(0, 0, 0, 0.5)'
              }
            }
          }
        ]
      };
      return option;
    },
    getHiddenDangerOption() {
      let option = {
        color: ['#1DE9B6', '#42A5F5'],
        tooltip: {
          trigger: 'axis',
          axisPointer: {
            type: 'shadow'
          }
        },
        grid: {
          top: '20%',
          left: '3%',
          right: '4%',
          bottom: '1%',
          containLabel: true
        },
        xAxis: [
          {
            type: 'category',
            data: ['本期上报', '本期消除', '本期未消除', '上期未消除'],
            axisTick: {show: false},
            splitLine: {show: false},
            axisLine: {
              show: false,
              lineStyle: {
                color: '#757575'
              }
            },
            axisLabel: {
              fontSize: 12
            }
          }
        ],
        yAxis: [
          {
            type: 'value',
            axisTick: {show: false},
            axisLine: {
              show: false,
              lineStyle: {
                color: '#757575'
              }
            },
            axisLabel: {
              fontSize: 12
            }
          }
        ],
        series: [
          {
            type: 'bar',
            barGap: 0,
            barWidth: 18,
            barCategoryGap: '50%',
            data: [320, 332, 301, 334, 390, 200, 150],
            itemStyle: {
              emphasis: {
                barBorderRadius: 30
              },
              normal: {
                //柱形图圆角，初始化效果
                barBorderRadius: [10, 10, 0, 0],
              }
            }
          },
        ]
      };
      return option;
    },
    formatDate(date, fmt) {
      if (typeof date == 'string') {
        return date;
      }
      if (!fmt) fmt = "yyyy-MM-dd hh:mm:ss";
      if (!date || date == null) return null;
      let o = {
        'M+': date.getMonth() + 1, // 月份
        'd+': date.getDate(), // 日
        'h+': date.getHours(), // 小时
        'm+': date.getMinutes(), // 分
        's+': date.getSeconds(), // 秒
        'q+': Math.floor((date.getMonth() + 3) / 3), // 季度
        'S': date.getMilliseconds() // 毫秒
      }
      if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
      for (let k in o) {
        if (new RegExp('(' + k + ')').test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))
      }
      return fmt
    },
    getLastMonth(date, fmt) {
      if (typeof date == 'string') {
        return date;
      }
      if (!fmt) fmt = "yyyy-MM-dd hh:mm:ss";
      if (!date || date == null) return null;
      let month = 0;
      if (date.getMonth() == 0) {
        date = new Date(date.getFullYear() - 1, 12, 1);
        date.getMonth() + 1;
      } else {
        month = date.getMonth();
      }
      let o = {
        'M+': month, // 月份
        'd+': date.getDate(), // 日
        'h+': date.getHours(), // 小时
        'm+': date.getMinutes(), // 分
        's+': date.getSeconds(), // 秒
        'q+': Math.floor((date.getMonth() + 3) / 3), // 季度
        'S': date.getMilliseconds() // 毫秒
      }
      if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
      for (let k in o) {
        if (new RegExp('(' + k + ')').test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))
      }
      return fmt
    },
    getInspectOption() {
      let option = {
        color: this.color,
        legend: {
          data: this.type == 1 ? this.inspectData1 : this.inspectData2
        },
        xAxis: [
          {
            type: 'category',
            axisTick: {show: false},
            data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
          }
        ],
        yAxis: [
          {
            type: 'value'
          }
        ],
        series: []
      };
      return option;

    },
    getBriefingOption() {
      let option = {
        color: this.color,
        legend: {
          data: []
        },
        xAxis: [
          {
            type: 'category',
            axisTick: {show: false},
            data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
          }
        ],
        yAxis: [
          {
            type: 'value'
          }
        ],
        series: []
      };
      return option;
    },
    getBriefingCountOption() {
      let option = {
        color: this.color,
        legend: {
          data: []
        },
        xAxis: [
          {
            type: 'category',
            axisTick: {show: false},
            data: []
          }
        ],
        yAxis: [
          {
            type: 'value'
          }
        ],
        series: []
      };
      return option;
    },
    getMeetingOption() {
      let option = {
        color: this.color,
        legend: {
          data: []
        },
        xAxis: [
          {
            type: 'category',
            axisTick: {show: false},
            data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
          }
        ],
        yAxis: [
          {
            type: 'value'
          }
        ],
        series: []
      };
      return option;
    },
  }
}
</script>

<style scoped>
@import "../../../index.css";


.seamless-warp {
  margin-top: 20px;
  width: 100%;
  height: 220px;
  overflow: hidden;
}

.notice_title {
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 700;
  color: #EB4625;
  margin-bottom: 15px;
}


.artical {
  margin-left: 10px;
  display: flex;
}

.articals_child {
  width: 96%;
  display: flex;
  justify-content: space-between;
}

.articals_child_title {
  flex: auto;
  width: 0;
  font-size: 15px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #5C5C5C;
  line-height: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.articals_child_title_notice {
  font-size: 15px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #5C5C5C;
  line-height: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.red_point {
  position: relative;
  margin-right: 5px;
}

.red_point::before {
  content: " ";
  border: 3px solid red; /*设置红色*/
  border-radius: 3px; /*设置圆角*/
  position: absolute;
  z-index: 1000;
  right: 0%;
  margin-right: -10px;
  margin-top: 12px;
}


.articals_child_date {
  margin-left: 10px;
  width: 95px;
  font-size: 15px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #A3A3A3;
  flex-shrink: 0;
  line-height: 32px;
}


.ivu-select-dropdown ul {
  list-style-type: none;
}

.ivu-select-dropdown ul li:before {
  display: inline-block;
  content: "▶";
  padding-right: 10px;
  color: #FEA6A5;
  font-size: 6px;
  line-height: 32px;
}

.ivu-select-dropdown ul li:first-child {
  display: inline-block;
  content: "▶";
  padding-right: 10px;
  color: #FEA6A5;
  font-size: 6px;
  line-height: 32px;
}

.risk_div {
  border-radius: 4px;
  background: #BEBEBE;
  height: 60px;
  line-height: 60px;
}


.image-border {
  position: absolute;
  width: 20px;
  height: 20px;
}


.other-people {
  height: 45vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.other-people1 {
  height: 45vh;
  width: 100%;
  display: flex;
  flex-direction: column;

}

.info_title {
  width: 74px;
  height: 18px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 600;
}

.infos-div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-content: space-around;
  width: 100%;
  height: 100%;
}

.info-div {
  height: 80px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.info-div:hover {
  cursor: pointer
}

.info-div-left {
  /*width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color:#757575;
    display:flex;
    justify-content:center;
    align-items:center;*/
}

.info-div-left-img {
  width: 55px;
  height: 55px;
}

.info-div-right {
  display: flex;
  flex-direction: column;
  height: 55px;
  justify-content: space-between;
  align-items: center;
  margin-left: 5px;
}

.info-div-right-title {
  height: 12px;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;

  line-height: 22px;
}

.info-div-right-bottom {
  display: flex;
  align-items: flex-end;
}

.info-div-right-num {
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  line-height: 22px;
}

.info-div-right-danwei {
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  margin-left: 5px;
}


.notice_title {
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: 700;
  color: #EB4625;
  margin-bottom: 15px;
}

.fast_menu_div {
  display: flex;
  flex-wrap: wrap;
  flex-content: space-between;
  margin-top: 10px;
  margin-bottom: 20px;
}

.fast_menu_div_comm {
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
}

.fast_menu_div_comm:hover {
  cursor: pointer;
}

.fast_menu_div0 {
  background: linear-gradient(90deg, #FE796E, #FF9B97);
}

.fast_menu_div1 {
  background: linear-gradient(90deg, #68C6F0, #87D1EE);
}

.fast_menu_div2 {
  background: linear-gradient(90deg, #F7AE43, #FFCC80);
}

.fast_menu_div3 {
  background: linear-gradient(90deg, #B5D773, #C6E0B2);
}

.fast_menu_div4 {
  background: linear-gradient(90deg, #4A84E4, #82B1FF);
}

.fast_menu_div5 {
  background: linear-gradient(90deg, #B388FF, #C5B1EA);
}

.fast_menu_div6 {
  background: linear-gradient(90deg, #45A5F3, #86C8FD);
}

.zidingyi {
  background: linear-gradient(90deg, #B0C5CE, #CFD8DC);
}

.zidingyi_top {
  color: white;
  border-radius: 3px;
  font-size: 40px;
}

.zidingyi_bottom {
  font-family: Microsoft YaHei;
  font-weight: 400;
  line-height: 30px;
}

.artical {
  width: 100%;
  /*margin-left: 15px;*/
  display: flex;
}

.articals_child {
  width: 96%;
  display: flex;
  justify-content: space-between;
}


.articals_child_date {
  margin-left: 10px;
  width: 95px;
  font-size: 15px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #A3A3A3;
  flex-shrink: 0;
  line-height: 32px;
}

.articals_child:hover .articals_child_date, .articals_child:hover .articals_child_title:hover, .articals_child_title_notice:hover,
.qiye_right_div_item_title:hover, .qiye_right_div_item_content:hover, qiye_left_top_div_img:hover,
.huodong_item_img:hover, .huodong_item_title:hover, qiye_left_top_div_title:hover {
  cursor: pointer;
  color: #F65555;
}


.top_artical_div {
  background-color: #fff;
  height: 235px;
  width: 100%;
  padding-bottom: 15px;
}

.top_artical_div ul {
  list-style-type: none;
  height: 100%;
  overflow: hidden;
}

.top_artical_div ul li:before {
  display: inline-block;
  content: "▶";
  padding-right: 10px;
  color: #FEA6A5;
  font-size: 6px;
  line-height: 32px;
}

.top_common_title {
  height: 40px;
  display: flex;
  width: 100%;
  border-bottom: 3px solid #e3e3e3;
  justify-content: space-between;
  margin-bottom: 15px;
}

.top_img {
  height: 220px;
  width: 100%;
}


.top_common_title_left_title {
  border-bottom: 3px solid #e43534;
  font-size: 17px;
  font-family: Microsoft YaHei;
  font-weight: 700;
  color: #333333;
  height: 40px;
}

.top_common_title_left_title_16 {
  border-bottom: 3px solid #e43534;
  font-size: 17px;
  font-family: Microsoft YaHei;
  font-weight: 700;
  color: #333333;
  height: 40px;
}

.top_common_title_right {
  width: 45px;
  height: 15px;
  line-height: 15px;
  font-size: 15px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #E43534;
  line-height: 30px;
}

.top_left_swiper {
  height: 275px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.top_center_leader {
  height: 275px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.top_right_zixun {
  height: 275px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.top_right_hdzixun {
  height: 275px;
  width: 500px;
  display: flex;
  flex-direction: column;
}


.top_right_qiyedongtai {
  height: 275px;

  display: flex;
  flex-direction: column;
}


.row_child_item:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}

.row_child_item_img {
  width: 100%;
  height: 170px;
  /*border-radius: 5px;*/
}

.row_child_item_all_info {
  padding-top: 3px;
  padding-bottom: 3px;
  height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding-left: 12px;
  padding-right: 12px;
}

.row_child_item_title {
  width: 90%;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.row_child_item_info {
  display: flex;
  justify-content: space-between
}

.row_child_item_info_left {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #B3B3B3;
}

.row_child_item_info_right {
  width: 120px;
  display: flex;
  justify-content: space-around
}

.row_child_item_info_right_child {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.row_child_item_info_right_child_icon {
  width: 19px;
  height: 15px;
}

.row_child_item_info_right_child_icon:hover {
  cursor: pointer;
}

.row_child_item_info_right_child_label {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #B3B3B3;
  margin-left: 5px;
}

.remenhuodong_div {
  display: flex;
  justify-content: space-around;
  /*align-items: center;*/
  height: 220px;
  padding-top: 10px;
}

.huodong {
  /*display: flex;*/
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}

.huodong_item_img {
  width: 200px;
  height: 140px;
}

.huodong_item_title {
  width: 200px;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #757575;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  /*line-height: 38px;*/
}

.ziliao_div {
  height: 110px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ziliao_content_div {
  width: 1050px;
  height: 70px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.ziliao_content_div button:hover {
  color: #757575;
}

.ziliao_content_div a:hover {
  color: #757575;
}

.ziliao {
  display: flex;
  align-items: center;
  justify-content: space-around;
}


.qiye_content_div {
  height: 220px;
  display: flex;
  justify-content: space-around;
}

.qiye_left_div {
  width: 250px;
  margin-right: 10px;
  display: flex;
  flex-direction: column;
}

.qiye_left_top_div {
  position: relative;
  width: 250px;
  height: 160px;
}

.qiye_left_top_div_img {
  width: 250px;
  height: 160px;
  cursor: pointer;
}

.qiye_left_top_div_title {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 250px;
  height: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 32px;
  background: #000000;
  opacity: 0.63;
}

.qiye_left_bottom_title {
  width: 250px;
  height: 56px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #757575;
}


.qiye_right_div {
  margin-left: 30px;
  flex: auto;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  overflow: hidden;
}

.qiye_right_div_item {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.qiye_right_div_item_title {
  font-size: 14px;
  margin-bottom: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.qiye_right_div_item_content {
  height: 38px;
  font-size: 12px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #757575;
  text-overflow: ellipsis;
  overflow: hidden;
}

.demo-spin-icon-load {
  animation: ani-demo-spin 1s linear infinite;
}

@keyframes ani-demo-spin {
  from {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.falvfagui-tab a:hover, .falvfagui-tab.tab-active a {
  color: #e43534 !important;
}

.falvfagui-tab a {
  border-left: 2.5px solid #e3e3e3;
  padding: 0px 5px;
}

.falvfagui-tab.tab-left a {
  border-left: none;
}

.falvfagui-tab {
  border-bottom: none;
}

.falvfagui-tab.tab-active {
  border-bottom: 3px solid #e43534;
}

.falvfagui-gd {
  justify-content: left;
}

.luobo-div {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
}

.luobo-img-div {
  height: 100%;
  width: 50%;
}

.luobo-img-div:hover {
  cursor: pointer

}

.border-daiban {
  border-right: 2px dotted #696969
}

.text-daiban {
  font-size: 18px;
  text-align: center;
  color: #696969;
}

.text-daiban-bold {
  font-size: 30px;
  font-weight: bold;
}


</style>
